首页 > 其他 > 详细

将页面内容当成弹框进行显示

时间:2016-03-11 14:11:38      阅读:210      评论:0      收藏:0      [点我收藏+]

注:必须使用相对应版本的jquery mobile css。不然无法正常显示

 1 <div data-role="page" id="pageone">
 2     <div data-role="header" >
 3         <h1>头部</h1>
 4     </div>
 5     <div role="main" >
 6         <a href="#pagetwo" data-transition="slide">跳转到第二个页面</a>
 7         <a href="jQuery Moblie Widgets-checkboxradio单选框和复选框.html" data-rel="dialog">打开一个dialog</a>
 8     </div>
 9     <div data-role="footer" >
10         <h4>这是底部</h4>
11     </div>
12 </div>
13 <div data-role="page" id="pagetwo">
14     <div data-role="header" >
15         <h1>头部</h1>
16     </div>
17     <div role="main" >
18         <a href="#pageone" data-transition=" flow">跳转到第一个页面</a>
19     </div>
20     <div data-role="footer" >
21         <h4>这是底部</h4>
22     </div>
23 </div>

以弹框的形式跳转到另外一个页面

技术分享

使用属性为data-rel="dialog"

将页面内容当成弹框进行显示

原文:http://www.cnblogs.com/NB-JDzhou/p/5265296.html

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