Закрытие диалогов в многостраничном шаблоне

Question

Попытка решить, как закрыть диалоговое окно и вернуться к вызывающей странице (где страница представляет собой div в многостраничном шаблоне).

По умолчанию в диалоговом окне указывается первая страница div (кнопка назад) или # (кнопка x) - мне нужно, чтобы он закрылся и оставался на соответствующей странице /div.

Пробовал это:

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

но я все равно получаю ответный переход к #index перед переходом на #full-map. Есть ли где-нибудь, где я могу перехватить саму функцию закрытия?

Я запускаю диалоговое окно примерно так, нажимая маркер карты 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" );