How to change page in jQuery mobile (1.4 beta)?

jquery api jquery-mobile webpage

Patrioticcow · Oct 4, 2013 · Viewed 49.6k times · Source

I am reading the docs that $.mobile.changePage has been deprecated.

But it doesn't say in favor of what, or what can I use instead.

Is there a new API documentation page for this?

I used to use $.mobile.changePage("index.html", {reloadPage:true}); but it seems that adding reloadPage:true the page breaks

Answer

As of jQuery Mobile 1.4, $.mobile.changePage() is deprecated and replaced with:

$(":mobile-pagecontainer").pagecontainer("change", "target", { options });

Shortened...

$.mobile.pageContainer.pagecontainer("change", "target", { options });

Even shorter...⁽¹⁾

$("body").pagecontainer("change", "target", { options });

Note: target is #page_id or URL.

Demo

⁽¹⁾ <body> is pageContainer by default, unless $.mobile.pageContainer is modified on mobileinit.