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上没有装编辑器,也不知道有没有打错,见谅。
如果你也有什么好的方法,可以一起探讨一下,我是小白,请指教。