Now that JQuery Mobile has matured quite a bit and is getting close to it’s 1.0 release, I decided to take another stab at getting this to work properly. I’ve had good success so I’d like to share the solution here. Here are the versions I am now currently working with (as of 01-Feb-2012): jQuery … Read more
It started working when I embedded script within page div: <body> <div id=”indexPage” data-role=”page”> <script type=”text/javascript”> $(“#indexPage”).live(‘pageinit’, function() { // do something here… }); </script> </div> </body> Used jQuery Mobile 1.0RC1
function refreshPage() { jQuery.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: ‘none’, reloadPage: true }); } Taken from here http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ also tested on jQuery Mobile 1.2.0
jQuery Mobile ignores (removes) querystring parameters in URL and shows URL with hash only. However, you can retrieve querystring only on pagecontainerbeforechange and when data.toPage is a string not an object. At this stage, full URL is stored in data.absUrl. You may use $.mobile.path.parseUrl().search method to retrieve querystring, or you can use .split(“?”), both should … Read more
Just got an answer to a similar question, try using .trigger(“create”) on the element that gets the content added to. See here: jQuery Mobile does not apply styles after dynamically adding content
When jQM loads another page through AJAX it only pulls in anything within your div[data-role=”page”] and nothing else, like the head So you can if you wanted to, include any JS/CSS within this div, the problem is that if this page is accessed multiple times any CSS will accumulate, but the problem is much worse … Read more