JQM学习笔记（一）

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

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

基本页面结构。

<div id="page" data-role="page">
  内容区域、、
</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 });