javascript - Junior Mobile FW - 从 html 加载 View

Question

我刚刚开始一个新项目 Junior .

我认为这一切都很简单，但真正困扰我的是 View (意味着页面的内容)目前只是一个很长的 JS 字符串，这太可怕了。

我无法像这样构建我的移动应用程序，因为我需要为每个页面提供一个 html 文件，并拥有自己的 JS 脚本和内容。

我以前使用过 jQuery Mobile，但我讨厌设计 JQ Mobile 应用程序，因为我必须重写几乎所有内容才能从头开始，这当然不是一个优雅的解决方案。

所以我的问题是:

您知道在我的移动应用程序中加载每个页面内容的好方法吗？!Ajax 不起作用(即使在 async: false 模式下也不起作用)，它总是给我未定义的信息。

这是初级用来加载 View 的脚本:JS

希望有人能帮忙! :-)

顺便说一句:jQuery Mobile 正是我想要的(它通过 ajax 将其他 View 加载到 div 中，准备好后进行转换。)但再说一遍:我不想使用 jQMob，因为这个可怕的 CSS 问题.

最诚挚的问候帕特里克

Answer 1

您可以使用underscore's microtemplating solution从 dom 加载模板:

// In your HTML:
<script type="text/template" id="myPageTemplate">
  <div id="myPage">
    <p>Hello!</p>
  </div>
</script>

然后您可以像这样在 javascript 中加载它们并获得相同的结果，但将标记保留在 html 中:

var template = _.template( $('#myPageTemplate').html() , {});

有很多类似的模板解决方案，但加载和编译它们的过程往往非常相似。您可能想看看的其他解决方案:

• Handlebars
• Moustache