Dialogs opened from top level page can be closed properly; however, dialogs opened by an inline sub-level (multi-page) cannot be closed with the first click of the (automatically generated) default Close icon on the upper left hand corner.
<div data-role="content">Please try to Close Me.</div>
</div>
In this example above, the user is first presented a link to an internal page called #multiPager.
Once the user clicks on that link, resulting internal multi-page shows a link to an external file called tmpDiag.html, and fashions the said link as a JQM Dialog.
Once clicked, the tmpDiag.html is AJAX loaded into the DOM and presented smoothly as a popup/slideup dialog.
However, when the user clicks on the automatically generated Close "X" button on the upper left for the first time, nothing happens.
On the second click of the X button, the page transitions to the top level page, instead of the internal #multiPager page that called up the said Dialog (tmpDiag.html).
In close examination, the link address of the "X" close button is different.
FIRST TIME AROUND: mouseOver the "X" button shows a link address of "tmpDiag.html#"
When clicked, nothing will happen, except now the link is changed.
SECOND TIME AROUND: mouseOver the "X"button shows a new link: "tmpMobi.html#" (the home page link).
When clicked, it brings the user to the top-level home page, instead of the #multiPager page.
This bug is present with the latest build of JQ and JQM.