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

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

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.

This works for me:

$.mobile.pageContainer.pagecontainer('change', nextPage, {
  transition: 'flow',
  reload    : true
});

nextpage: is URL to the nextpage example (var nextPage = 'nextPage.html')

Related