个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
我有这样的链接
<a href='/path/to/popup.html' data-role="button">COME HERE </a>
我想打开 popup.html file as a jquery popup.我不能把它放在当前页面中作为 <div>有一个ID。我必须将它放在当前文件之外。
和I cant use dialog's as it reloads the current page.知道怎么做吗？
在popup.html I am using just a single header.里面
Or any methods through which I can avoid the page being reloaded when dialog is closed?
最佳答案
使用 .load()将 popup.html 加载到占位符中(即 <div id="PopupPH"> )。这个占位符可以放在 data-role="page 里面或在它之外，具体取决于您使用的 jQuery Mobile 版本。
此外，在 popup.html 中，您需要更改 data-role=page"至 data-role="popup以便将其视为弹出窗口而不是页面。
在 body 中插入占位符标签或 data-role="page"并加载 popup.html。
<body>
<div data-role="page">
</div>
<div id="PopupPH">
<!-- placeholder for popup -->
</div>
</body>
或者
<body>
<div data-role="page">
<div id="PopupPH">
<!-- placeholder for popup -->
</div>
</div>
</body>
将 popup.html 加载到占位符中
$("#PopupPH").load("popup.html");
在 popup.html 弹出 div 中，添加 JS 以在弹出窗口关闭后创建、打开和删除弹出窗口。
<div data-role="popup">
<!-- contents -->
<script>
$("[data-role=popup]").enhanceWithin().popup({
afterclose: function () {
$(this).remove();
}
}).popup("open");
</script>
</div>
和上面一样，除了弹出占位符应该在data-role="page"里面，因为 jQM 1.3 不支持外部 弹出窗口。另外，替换 .enhanceWithin()与 .trigger("create") .
关于javascript - 如何在 jquery mobile 中打开一个外部 html 页面作为弹出窗口？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21640449/
24
4
0
我是一名优秀的程序员,十分优秀！