jquery - 关闭多页模板中的对话框

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在这里

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

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

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