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 中不能关闭此功能。