关闭弹出窗口并导航到jQuery Mobile中的另一个页面
Close popup and navigate to another page in jQuery Mobile
我试图关闭一个弹出/对话框,当用户按下一个按钮弹出,并导航到另一个页面(单页应用程序,多个"页面")。jQM 1.4.0
如果我点击弹出框中的yes按钮,它将导航到我想要的#page3,但然后跳转回起始页。如果我注释掉。popup("close");它工作,但我需要关闭弹出之前,我做的事情。这里出了什么问题?
js
$("#popupyes").on("tap", function(e)
{
$("#popupDialog").popup("close"); // <---- doesn't work
//call some js-function before navigate to #page3
});
html <a href="#popupDialog" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-a">Button</a>
<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>Head</h1>
</div>
<div data-role="main" class="ui-content">
<h3 class="ui-title">Text.</h3>
<p>Text?</p>
<a href="#page3" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a">No</a>
<a href="#" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-btn-icon-right ui-icon-delete" data-rel="back">Abort</a>
<a id="popupyes" href="#page3" class="ui-btn ui-shadow ui-corner-all ui-btn-inline">Yes</a>
</div>
</div>
我可以用$("#popupDialog").hide();
但它仍然在记忆中,只是隐藏…或者等一下,它会在一段时间后自行终止吗?
在弹出窗口完全关闭后,您可以简单地监听popupafterclose
调用任何函数。
$(document).on("pagecreate", function () {
$("#popupID a").on("tap", function () {
/* do something */
$("#popupID").popup({
afterclose: function () {
/* do something */
}
}, "close");
});
});
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 使用clickToggle并在单击另一个元素时关闭元素
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 无法从jquery Mobile导航栏重定向到另一个页面
- jQuery Mobile样式从另一个文件加载内容
- 在 jQuery Mobile 中禁用从另一个选择中选择
- 将数据从一个页面传输到另一个jQuery Mobile
- jQuery Mobile - 如何在从一个数据角色页面移动到另一个数据角色页面时传递参数
- Jquery-Mobile:Changepage不起作用,如果我指定了pageid,我也不能将数据传递到另一个页面
- 当我使用jquery mobile从一个页面移动到另一个页面时,如何显示进度对话框
- Jquery Mobile Listview Clicked Item-将参数传递到另一个页面
- jQuery Mobile:以编程方式打开一个对话框后关闭另一个
- Jquery Mobile - Javascript在导航到另一个页面时持久化
- 如何从另一个弹出窗口中的链接调用弹出窗口.Jquery Mobile
- 将列表值传递到jquery Mobile中的另一个页面
- 关闭弹出窗口并导航到jQuery Mobile中的另一个页面
- jQuery Mobile在一个函数完成后执行另一个函数