Jquery mobile 在JQuery Mobile中包含JS文件

如何以及在何处将自己的JS文件放入JQueryMobile web应用程序

我发现了一些建议：

• 仅在web应用程序的第一页中，通常为index.html
• 在JQM页面中

---

哪种方法更好？

只需将脚本放在JQM脚本标记之后

---

是的，这些都是在jQuery库之后和jQuery移动库之前。我把我所有的脚本标签都放在正文的末尾…但这不是必须的

<script type="text/javascript" src="jQuerySource.js">
<script type="text/javascript">
/*Your stuff*/
</script>
<script type="text/javascript"  src="jQueryMobileSource.js">

/*你的东西*/

---

为什么？：因为在构建jQM应用程序时，您希望在初始化jQuery mobile并触发“mobileinit”事件和第一页的“pageinit”事件之前定义事件绑定

使用来自Google CDN的jQueryMobile javascripts是个好主意，原因如下： 1.您可以直接在页面中包含缩小版。 2.您可以节省带宽成本 3.最重要的是，JS很可能已经加载到用户浏览器上。因为许多其他网络应用程序都使用它们。 所以你应该使用

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">

---

所以，如果所有代码都在document.ready（）中；您可以在末尾使用它[这会更快地加载页面]

仅在索引页面中使用所有JQM页面？仅在原始页面上，JQM在大多数情况下读取您要访问的另一个页面并插入到当前页面的DOM中，然后在该页面上激发pageinit。试一试，不过如果你在本地使用Chrome，它将无法工作。将它放在服务器上或在另一个浏览器上进行测试，效果非常好。这是我发现的唯一例外。我的意思是在你自己的JS文件上，而不是在JQM JS文件上。