JqueryMobile_1
1 多容器页面结构:
可以包含一个元素属性“data-role”值为“page”的容器,拥有唯一的Id号属性
例： <div data-role="page" id="w1" >
2 外部页面链接，会用AJAX实现
例：<a href="about.htm">rttop.cn</a>
如果不想采用AJAX请求的方式打开一个外部页面，只需要在链接元素中将"rel"属性设置为"external",该页面将脱离整个jQuery Mobile的主页面环境，以独自打开的页面效果在浏览器中显示。
3 页面后退链接（3种办法）
①平常的超链接。例：<a href="about.htm">后退</a>
②将"page"容器的"data-add-back-btn"属性设置为"true"
③将该元素的"data-rel"属性设置为"back"， 例: <p><a href="http://www.rttop.cn" data-rel="back">
4 预加载（两种办法）
①在需要链接页面的元素中添加"data-prefetch"属性，设置属性值为"true"
例：<p><a href="about.htm" data-prefetch="true">点击进入</a></p>
②调用JavaScript代码中的全局性方法（$.mobile.loadPage（））
例：<script type="text/javvascript">
$ (function(){
$mobile.loadPage(about.html);
})
</script>
5 页面缓存
<div data-role="page" data-dom-cache="true">
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
