关闭多页模板中的对话框

Question

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

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

尝试过这个：

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

但在转换到#完整地图之前，我仍然会弹回到#索引。有什么地方我可以截取关闭函数本身吗？

我这样触发对话框，点击谷歌地图标记：

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

Answer 1

您缺少角色：对话框？完整的api在这里

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

我认为这将使网站无法滚动回主页，而且你可以添加按钮并用javascript关闭对话框，而不是依赖默认的对话框关闭按钮。

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