jquery - Closing dialogs in multipage template -

trying work out how close dialog , return calling page (where page div within multipage template).

the dialog defaults first page div (back button) or # (x button) - need close , remain on referring page/div.

tried this:

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

but still flick #index before transitioning #full-map. there can intercept close function itself?

i trigger dialog so, on clicking google map marker:

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

you missing role:dialog? full api here

$.mobile.changepage( "#mydialog", { role: "dialog" } ); 

i think keep site scrolling main page, can add button , close dialog javascript instead of relying on default dialog close button.

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