首页 > Web开发 > 详细

JqueryMobile_1

时间:2014-03-05 17:30:10      阅读:439      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/Mars-chen/p/3581347.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!