在jQuery Mobile中构建.JS的最佳方法？

Question

由于jQuery Mobile的方法changePage将仅加载具有data-role =“page”属性集的元素，因此我无法在项目中使用外部.js文件。

我遇到过几个解决方法：

• 在第一页中一次加载所有.js。它工作得很好，我可以在每个页面加载时使用事件，并在不同的.js文件上构建它。不过，这对我来说并不合适。
• 在data-role =“page”div中使用标记。它也有效，但我不知道在HTML中的随机位置插入是多么“优雅”。
• 使用jQuery以异步方式加载它。我会在新页面加载时发出请求。缺点：也不那么优雅，并产生两个请求。

我在文档中找不到关于此问题的任何信息。什么解决方案被认为是最好的？

Answer 1

不要认为很多人已经进入了jqmobile乐队旅行车，因此缺乏文档。我会看一下像http://www.jqmgallery.com/这样的画廊，看看人物来源。

与大多数其他人相比，看看http://m.twitpolls.com/做了些什么。他们汇总并删减了所有css / js文件。这必须是你最好的选择。

你以后的观点/选项听起来不太诚实。

Answer 2

普遍接受的方法似乎是使用构建脚本（例如Node.js jakefile https://github.com/mde/jake）来构建Web应用程序的“生产”副本，其中所需的脚本全部聚合为一个并且缩小了。

使用黑客可以动态加载JS文件，但我不相信它通常是有价值的。