Junior Mobile FW - 从html加载视图

Question

我刚刚用Junior开始了一个新项目。

我认为这一切都非常简单，但真正令我烦恼的是视图（意思是页面的内容）目前只是一个很长的JS字符串，这很糟糕。

我无法像这样构建我的移动应用程序，因为我需要一个单独的html文件，每个页面都有自己的JS脚本和东西。

之前我使用过jQuery Mobile，但是我讨厌设计JQ移动应用程序，因为我必须覆盖几乎任何时候从头开始，这当然不是一个优雅的解决方案。

所以我的问题是：

您知道在我的移动应用中加载每个页面内容的好方法吗？！

，Ajax不起作用（甚至不是在async：false模式下），它总是让我不明确。

以下是初级用于加载视图的脚本：JS

希望有人可以帮忙！ ： - ）

顺便说一句：jQuery Mobile正是我想要的（它通过ajax将其他视图加载到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