JQuery Mobile 如何实现页面预加载功能
2014-07-02 16:49
375 查看
1、在开发移动应用时,对需要链接的页面进行预加载是十分有必要的。因为当一个链接页面设置成为预加载方式时,在当前页面加载完成之后,目标页面也被自动加载到当前文档中,用户单击就可以马上打开,大大加快了页面访问的速度。
2、设置链接页面预加载,在<a>标签中添加data-prefetch属性,并将属性值设为true。在JQuery
Mobile中要实现页面的预加载,另外一种方法是调用JavaScript代码中的全局性方法$.mobile.loadPage(),其效果跟data-prefetch一样。
3、示例代码片段:
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>
相关文章推荐
- 如何抽取一个通用的Android Loading页面快速实现加载功能
- 如何在App中实现朋友圈功能之八页面加载功能的逻辑与实现——箭扣科技Arrownock
- 如何在App中实现朋友圈功能之八页面加载功能的逻辑与实现——箭扣科技Arrownock
- javascript实现加载页面全屏以及禁用鼠标右键和选取功能
- 如何实现“浏览过该页面的人还浏览过...”功能(数据库版)
- Android开发实现自定义新闻加载页面功能实例
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- 如何在android中实现swipe的手势功能及页面拖动动画
- 如何实现lazyload的图片延迟加载功能(1/2)
- 黄聪:如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- jquery mobile如何实现滑动屏幕跳转页面
- PHP主机如何实现绑定多个域名,每个域名可以指向不同的页面,相当于域名绑定子目录功能。
- 如何在页面中实现画流程图的功能
- 实例讲解Android中如何实现图片的异步加载功能
- 如何在android中实现swipe的手势功能及页面拖动动画
- 如何为复杂页面实现过渡页面 [数据加载中]【陈希章】
- 实例讲解Android中如何实现图片的异步加载功能
- cocos2d中如何使用图片纹理图集的加载来实现一个动画的功能
- 如何实现返回上一页并刷新页面的功能
- Android: 如何利用Handler处理和发送消息来实现页面刷新的功能