| 1、在开发移动应用时，对需要链接的页面进行预加载是十分有必要的。因为当一个链接页面设置成为预加载方式时，在当前页面加载完成之后，目标页面也被自动加载到当前文档中，用户单击就可以马上打开，大大加快了页面访问的速度。 2、设置链接页面预加载，在<a>标签中添加data-prefetch属性，并将属性值设为true。在JQuery Mobile中要实现页面的预加载，另外一种方法是调用JavaScript代码中的全局性方法$.mobile.loadPage()，其效果跟data-prefetch一样。 3、示例代码： <!DOCTYPE html> <html> <head> <title>jQuery Mobile 页面预加载</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="Css/jquery.mobile-1.0.1.min.css" rel="Stylesheet" type="text/css" /> <script src="Js/jquery-1.6.4.js" type="text/javascript"></script> <script src="Js/jquery.mobile-1.0.1.js" type="text/javascript"></script> </head> <body> <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>phonegap100中文网</h4></div> </div> </body> </html> |
/1 
Archiver|手机版|小黑屋|
PhoneGap中文网
( 京ICP备13027796号-1 )
GMT+8, 2024-4-27 07:43 , Processed in 0.035690 second(s), 20 queries .
Powered by Discuz! X3.2
© 2001-2013 Comsenz Inc.
