Javascript Junior Mobile FW-从html加载视图

我刚开始了一个新项目

我认为这一切都很直截了当，但真正困扰我的是，视图（指页面内容）目前只是一个很长的JS字符串，这太可怕了

我不能像那样构建我的移动应用程序，因为我需要一个html文件，每个页面都有自己的JS脚本和东西

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

所以我的问题是：

你知道有什么好方法可以在我的移动应用程序中加载每个页面的内容吗？！ Ajax不起作用（即使在async:false模式下也不起作用），它总是给我未定义的消息

以下是junior用于加载视图的脚本：

希望有人能帮忙！：-）

顺便说一句：jquerymobile正是我想要的（它通过ajax将其他视图加载到一个div中，并在准备好后进行转换。）但是，我不想使用jQMob，因为这个可怕的CSS问题

致意 Patrick

您可以使用它从dom加载模板：

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

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

---

为什么不使用一些模板解决方案，比如下划线的微模板、jquery模板、把手或其他什么？您还可以使用RequireJS+文本插件延迟加载它们

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