当用户按下弹出窗口内的按钮时,我试图关闭弹出窗口/对话框,并导航到另一个页面(单页面应用程序,多个“页面”)。
jQM 1.4.0
如果我点击弹出窗口中的“是”按钮,它将导航到我想要的#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>
Update我可以用$("#popupDialog").hide();
但它仍然在内存中,只是隐藏......或者等等,它会在一段时间后自行终止吗?
你可以简单地听popupafterclose
之后调用任何函数popup是完全关闭的。
$(document).on("pagecreate", function () {
$("#popupID a").on("tap", function () {
/* do something */
$("#popupID").popup({
afterclose: function () {
/* do something */
}
}, "close");
});
});
Demo http://jsfiddle.net/Palestinian/wH3uV/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)