Question

According to the docs, all ajax pages fetched are removed from the DOM on pageHide. Is there a way to disable this functionality? It is causing my pages to show a loading screen upon refetching that I am trying to avoid, and the size of the site is fairly small. Thanks!

Answer 1

Quoting from the docs on the page you referenced:

To keep all previously-visited pages in the DOM, set the domCache option on the page plugin to true, like this:

$.mobile.page.prototype.options.domCache = true;

Alternatively, to cache just a particular page, you can add the data-dom-cache=”true” attribute to the page’s container:

<div data-role=”page” id=”cacheMe” data-dom-cache=”true”>

However it does seem odd that you’re getting a loading message, it’s not something I’ve had with jQueryMobile. Are you loading pages over a slow network?