码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-03-11 14:12:09      阅读:149      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!