A Visualforce page leveraging jQuery Mobile can contain one or more application web pages. Each application page is demarcated by a <div>
element with a data-role
attribute of page, and additional application pages can be added to a single Visualforce page by stacking these elements.
When multiple application pages appear in a single Visualforce page, these are all stored in the Document Object Model (DOM) at load time and JavaScript is used to transition between the application pages. This can lead to faster application performance, as there is no round-trip to the server in order to access the next page, but does result in a larger DOM, so is not necessarily suitable for applications with many content heavy pages.
Note
For more information about the Document Object Model, visit http://en.wikipedia.org/wiki/Document_Object_Model.
When a single Visualforce page contains a single application page, the default jQuery Mobile behavior is to load the new page into...