 <p>We're doing this:</p> <pre><code>$(document).on("pagecontainershow", function() { var activePage = $.mobile.pageContainer.pagecontainer("getActivePage"); var activePageId = activePage[0].id; if(activePageId != 'splashPage') { //fix rotation splash flash bug $("#splashPage").hide(); } else { $("#splashPage").show(); } switch(activePageId) { case 'loginPage': loginPageShow(); break; case 'notificationPage': notificationPageShow(); break; case 'postPage': postPageShow(); break; case 'profilePage': profilePageShow(); break; case 'splashPage': splashPageShow(); break; case 'timelinePage': timelinePageShow(); break; default: break; } }); </code></pre> <p>And navigation works like this:</p> <pre><code> $.mobile.loading('hide'); $(":mobile-pagecontainer").pagecontainer("change", "#timelinePage", { transition: 'none' }); </code></pre>