JQuery Mobile入门——预加载页面

1、在开发移动应用时,对需要链接的页面进行预加载是十分有必要的。因为当一个链接页面设置成为预加载方式时,在当前页面加载完成之后,目标页面也被自动加载到当前文档中,用户单击就可以马上打开,大大加快了页面访问的速度。

2、设置链接页面预加载,在标签中添加data-prefetch属性,并将属性值设为true。在JQuery Mobile中要实现页面的预加载,另外一种方法是调用JavaScript代码中的全局性方法$.mobile.loadPage(),其效果跟data-prefetch一样。

3、示例代码:




 
  New Document
 
 
 
 
 
 
 


 


4、效果图预览:


JQuery Mobile入门——预加载页面_第1张图片


5、通过预加载方式,目标页面已注入当前页面:

JQuery Mobile入门——预加载页面_第2张图片

你可能感兴趣的:(JQuery,Moblie)