JQuery Mobile 如何实现页面预加载功能

1、在开发移动应用时，对需要链接的页面进行预加载是十分有必要的。因为当一个链接页面设置成为预加载方式时，在当前页面加载完成之后，目标页面也被自动加载到当前文档中，用户单击就可以马上打开，大大加快了页面访问的速度。
 
2、设置链接页面预加载，在<a>标签中添加data-prefetch属性，并将属性值设为true。在JQuery Mobile中要实现页面的预加载，另外一种方法是调用JavaScript代码中的全局性方法$.mobile.loadPage()，其效果跟data-prefetch一样。

3、示例代码片段：
 

 <div data-role="page">
　　<div data-role="header"><h1>预加载页</h1></div>
　　<div data-role="content">
　　  <p>
　　    <a href="about.htm" data-prefetch="true">点击进入</a>
　　  </p>
　　</div>
　　<div data-role="footer"><h4>jQuery mobile 预加载页面</h4></div>
　</div>