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"

转载于:https://www.cnblogs.com/NB-JDzhou/p/5265296.html

jquery mobile将页面内容当成弹框进行显示相关推荐

【JQuery Mobile移动应用开发实战】JQuery Mobile基础——页面与对话框
文章目录 JQuery Mobile基础 1. 页面与对话框 1.1 简单的helloworld 1.2 利用JQuery脚本DIY闪光灯效果 1.3 不断切换的场景 1.4 整人游戏 1.5 手机被 ...
jQuery Mobile中页面page的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中页面page的data-*选项带有 data-role="page&quo ...
微信浏览器中，aler弹框不显示域名
开发微信页面过程中,出于安全与美观等原因,我们需要重写页面的alert,confirm方法: //微信浏览器中,aler弹框不显示域名(function(){//先判断是否为微信浏览器var ua = ...
wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
场景: wap开发,使用jquery mobile之后不会加载外部自定义的css文件了,需要手动刷新才会加载,查看外部自定义的js文件也是一样. 解决办法: 1.在page下面添加css样式,就不要写 ...
react离开页面，自定义弹框拦截，路由拦截
前言: 项目有个需求是:跳转路由,在离开页面前,需要弹框询问用户是否确定离开. 用react-router的<Prompt>组件是可以的,但是,怎么使用antd组件(或者说自定义组件)呢? ...
Echarts升级2：柱状图头部显示百分比、同时内容在弹框显示
目录需求及技术说明: 效果图: 根据排污口的排口情况应用echarts的柱状图: 详解1:头部添加百分比详解2:在弹框不出现百分比详解3:一种参数同时出现两种值,并且分别展现需求及技术说明: ...
【el-dialog + video】控制视频弹框的显示与隐藏
[el-dialog + video]点击跳出视频弹框易错点上代码易错点你是否出现过 "el-dialog原生样式难去掉"? 你是否出现过 "dialog关闭vi ...
RPGMaker XP脚本【泛用画面弹框 BGM显示】
original code by viktor: http://blog.csdn.net/xulai1001/article/details/7614621 转载须保留此信息功能: 提供一组自动设 ...
jquerymobile跳转方法_关于jquery mobile的页面跳转
展开全部 jm转场32313133353236313431303231363533e4b893e5b19e31333335323534传参确实是奇葩的东西,首先你要理解:如果采用changePage转 ...

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

jquery mobile将页面内容当成弹框进行显示相关推荐

最新文章

热门文章