jquery mobile的popup不弹出问题。
2016-03-08 18:38
549 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css"> <script src="lib/jquery-2.2.1.min.js"></script> <script src="lib/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="header"><h1>title</h1></div> <div data-role="main" class="ui-content"> <h1>title of content</h1> <p> content </p> <a href="#Qwer" data-rel="popup" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Qwer</a> <div data-role="popup" id="Qwer"> <div data-role="header" >Qwer Keyboard</div> <div data-role="main" class="ui-content"> <a class="ui-btn ui-btn-inline ui-mini">a</a> <a class="ui-btn ui-btn-inline ">s</a> </div> </div> </div> <div data-role="footer"><h1>footer</h1></div> </body>
以上代码在chrome,firefox中popup都不会弹出。加上
<data-history="false">后,即
<div data-role="popup" data-history="false" id="Qwer">可以弹出。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css"> <script src="lib/jquery-2.2.1.min.js"></script> <script src="lib/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="header"><h1>title</h1></div> <div data-role="main" class="ui-content"> <h1>title of content</h1> <p> content </p> <a href="#Qwer" data-rel="popup" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Qwer</a> 4000 ; <div data-role="popup" data-history="false" id="Qwer"> <div data-role="header" >Qwer Keyboard</div> <div data-role="main" class="ui-content"> <a class="ui-btn ui-btn-inline ui-mini">a</a> <a class="ui-btn ui-btn-inline ">s</a> </div> </div> </div> <div data-role="footer"><h1>footer</h1></div> </body>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- [转载]Activity中ConfigChanges属性的用法
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
- 使用Browserify配合jQuery进行编程的超级指南