JQM学习笔记

JQM，为了是页面访问速度加快，每一个链接都是通过AJAX 方式进行，载入，不会加载新页面HEAD 区域的内容。

Jquery Mobile支持包含历史回退按钮的自动ajax读取外部页面的功能，

基本页面结构。

view source print?

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