Junior Mobile FW - 从html加载意见

Question

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

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

我无法构建我的移动应用程序，因为我需要为每个页面使用其自己的JS脚本和东西的单个HTML文件。

我之前使用过jQuery Mobile，但是我很讨厌设计一个JQ Mobile App，因为我必须覆盖非常多的从头开始，当然这不是一个优雅的解决方案。

所以我的问题是：

你知道有什么好的方式来加载每一页我的移动应用程序中的内容？ Ajax不起作用（即使在async：false模式下）它总是给我未定义。

这里是脚本大三用于加载的观点：JS

希望有人能帮助！ :-)

btw：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