When loading a page from a link via AJAX in jQuery mobile, dialog windows do not fire until you refresh the page. This happens if I try to add dialogs to any other page. If I was to add data-ajax="false" in the link to the page that the dialog page is on, the dialog works just fine. We would like to use the jQuery mobile functionality and transitions, so the ajax false is out of the question. All of our header info is the same on each page and all the dialogs are being called correctly. \[code\]<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Mobile Demos</title> <link rel="stylesheet" href="http://stackoverflow.com/questions/15818964/css/jquery.mobile-1.3.0.css"> <script src="http://stackoverflow.com/questions/15818964/js/jquery.js"></script> <script src="http://stackoverflow.com/questions/15818964/js/jquery.mobile-1.3.0.js"></script></head><div data-role="page" data-theme="a" id="dialogpage"> <a href="http://stackoverflow.com/questions/15818964/#foo2" data-rel="dialog" data-role="button" data-inline="true" data-theme="c">Open Basic Dialog</a></div><div data-role="dialog" id="foo2" data-close-btn="right"> <div data-role="header" data-theme="d"> <h1>lorum ipsum header</h1> </div> <div data-role="content"> <p>lorum ipsum</p> <a href="http://stackoverflow.com/questions/15818964/#" data-rel="back" data-role="button" data-inline="true" data-theme="b">Ok, I get it</a> </div></div></body></html>\[/code\]
jQuery Mobile 1.3.0 - Dialog windows don't open on page load via AJAX
- Thread starter jimmy1987
- Start date