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

注：必须使用相对应版本的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"

posted @ 2016-03-11 13:27  =DLSS=webZT  阅读(287)  评论(0)  编辑  收藏  举报