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

JqueryMobile_1,布布扣,bubuko.com

JqueryMobile_1

上一篇:优化javaScript代码,提高执行效率


下一篇:PHP观察者模式