jQuery mobile的脚本加载问题

来源：互联网发布：数据库架构师工资编辑：程序博客网时间：2024/06/15 06:49

jQuery Mobile 是创建移动 web 应用程序的框架。
兼容性不错，最赞的是它的页面跳转，我本人还是很喜欢的。
具体用法就不再叙述，有兴趣的可以去看一下，挺简单的。
链接http://www.w3school.com.cn/jquerymobile/
前段时间因为项目需要，要用到jqm，一开始确实被它的优点所吸引，再加上本来就是jq，上手不难，所以就选择了jqm。但是后来就后悔了，因为在页面逻辑复杂之后，它有一个很严重的问题，就是页面脚本的加载问题（泪流满面啊）。
因为这个框架本身是通过ajax把页面扯进来再做平滑过渡的，所以它在一开始的页面加载之后就不会再加载head，这就导致一个问题，之后要加载的脚本怎么办？一般有两个方法：一、用jqm提供的函数（看教程，这个不是我使用的，因为我在用的时候有一些问题解决不了，如果您有什么好的建议，可以探讨一下），二、是把要加载的的脚本写到body里面。个人选择了第二种，能解决问题，但还是存在一些问题，不过，这个方法是我试过的比较有效的方法了。
代码：

<html><head><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquery-1.8.3.min.js"></script><script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script></head><body><div>。。。</div><script>setTimeout(function(){    loadData();},1);function loadData(){    ......}</script></body></html>

注意，首页之外的页面，独立的js文件放在body里面。
代码就差不多就是这么多，因为Mac上没有装编辑器，也不知道有没有打错，见谅。
如果你也有什么好的方法，可以一起探讨一下，我是小白，请指教。

0 0