jquery移动页面对话框:告诉对话框关闭打开一个新对话框

时间:2014-11-11 00:36:29

标签: jquery-mobile dialog hide

以对话框打开页面。例如,

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事件。

感谢。

0 个答案:

没有答案