javascript - Junior Mobile FW - 从 html 加载视图

Question

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

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

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

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

所以我的问题是：

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

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

希望有人能帮忙！:-)

顺便说一句：jQuery Mobile 正是我想要的（它通过 ajax 将其他视图加载到一个 div 中，当它准备好时它会进行转换。）但同样：由于这个可怕的 CSS 问题，我不想使用 jQMob。

最好的问候帕特里克

Answer 1

您可以使用underscore 的微模板解决方案从 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() , {});

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

• 车把
• 胡子