以对话框打开页面。例如,
page1 -> page2(dialog) -> page3(dialog).
打开对话框时,会在DOM中通过ajax创建一个对话框页面。
<div data-role="page" id="dialog1">
....
</div>
$(":mobile-pagecontainer").pagecontainer("change", "#dialog1", { role: "dialog" } );
使用ajax页面打开对话框:工作。
当对话框关闭时,执行代码以从DOM中删除页面对话框元素。
PageContainer hide事件注册为:
$( document).on( "pagecontainerhide", function( event, ui ) {
if (ui.prevPage) {
ui.prevPage.remove();
}
});
问题:当页面对话框关闭时,ui.prevPage未在上面的代码中定义。 ui.nextPage被正确定义为指向下一页。如何捕获事件以删除隐藏页面的DOM元素。
我尝试在两个现有页面之间导航,ui.prevPage和ui.nextPage都是为pagecontainerhide事件定义的。隐藏由ajax创建的页面有什么不同(将页面元素添加到DOM)。
注意:pagecontainerhide事件不能绑定到页面。不推荐使用绑定到页面的pagehide事件。
感谢。