There are two ways to programmatically change pages in jQuery Mobile, and the differences are subtle:
Call
$.mobile.changePage
and pass in a selector to the ID of the page you want to go to. This works the same way with URLs. Either way will yield the same results as if the user had clicked on a link. The page is inserted into the browser's history as one might expect. Following is the example code:$.mobile.changePage("#"+data.pageId);
Create a jQuery object by selecting the page you want to change to first. Then, pass that jQuery object into the
$.mobile.changePage
function. The result is that the page is shown but the URL never updates, and, thus, it does not exist in the browser's history. This might be useful in situations where, if the user refreshes the page, you would want them to start the process over at the first screen. It prevents deep linking through bookmarks into other pages in a multipage layout. Following is an example:var $newPage = $("#"...