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">