关闭多页面模板中的对话框

Question

尝试找出如何关闭对话框并返回到调用页面（页面是多页模板中的div）。

对话框默认为第一页div（后退按钮）或＃（x按钮） - 我需要它关闭并保留在引用页面/ div上。

试过这个：

$('#dialog').live('pagehide', function (e) {
    $.mobile.changePage("#full-map");
});

但在转换到＃full-map之前，我仍然可以回到#index。有没有我可以拦截关闭功能的地方？

点击Google地图标记时，我会触发对话框：

google.maps.event.addListener(marker, 'click', function () {
    $.mobile.changePage("#dialog", {
        transition: "pop",
        reverse: false,
        changeHash: false,
    });
});

Answer 1

你缺少角色：对话？完整的api here

$.mobile.changePage( "#myDialog", { role: "dialog" } );

我认为这会阻止网站滚动回主页面，也可以添加按钮并使用javascript关闭对话框，而不是依赖默认对话框关闭按钮。

$( "#myDialog" ).dialog( "close" );