PhoneGap中文网

 找回密码
 立即注册

JQuery Mobile页面预加载如何实现

2013-7-15 19:59| 发布者: admin| 查看: 3290| 评论: 1

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




3

头晕
1

难过

扯淡

不解

搞笑

支持

超赞

欠扁

刚表态过的朋友 (4 人)

相关阅读

发表评论

最新评论

引用 lizhifeng 2014-4-9 18:23
要是有演示地址就好了

查看全部评论(1)

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2022-8-15 20:41 , Processed in 0.160849 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部