JQM,为了是页面访问速度加快,每一个链接都是通过AJAX 方式进行,载入,不会加载新页面HEAD 区域的内容。
Jquery Mobile支持包含历史回退按钮的自动ajax读取外部页面的功能,
基本页面结构。
1 | < div id = "page" data-role = "page" > |
2 | 内容区域、、 |
3 | </ div > |
链接时,通过 AJAX, 将链接页面的PAGE 部分,载入至 首页。 而为了防止内存占用过高,使浏览内存较低的设备出现浏览器崩溃的情况。 JQM 只会缓存一个页面至页面中 。当请求另一个页面时,即将上一个页面的PAGE 区的DOM 移除。当在返回这个页面时,从历史记录中,重新加载该页面。
强制缓存页面的方法
在页面的page 上加入
data-dom-cache="true"
<div id="PagesBox" data-role="page" data-dom-cache="true"> </div>
页面预加载,
在链接上加入
data-prefetch
如: <a href="prefetchThisPage.html" data-prefetch> ... </a> 也可以, $.mobile.loadPage(PageUrl,{showLoadMsg: false });
JQM 中的事件 。
点击 , tap 。
在快速完成一次点击时,触发。 等同于 ,WEB 事件中的click ..
$("#a").live("tap",function(){
// 您想执行的code
});
点住不放 , taphold
在按住不放后触发该事件(接近一秒钟的时间).
向上滑动,swipe 垂直向上滑动距离超过30CM 时触发。
向左滑动,swipeleft
向右滑动,swiperight
方向改变时。
orientationchange
即,通过重力感应旋转手机时,触发的函数。 在本地应用中,可以关闭手机重力感应系统,而在web 中不能关闭此功能。