Question

I am using jQueryMobile’s $.mobile.changePage(...) method to switch to a different page within my project.

$.mobile.changePage("#foo", {
 transition:"slide"
});

When I run that method, the transition works perfectly but when I hit the browser’s return button I see no reverse transition.

I played around with some of the parameters described in http://jquerymobile.com/test/docs/api/methods.html but had no luck.

Especially setting reverse:true just reversed the transition when moving forward to the target page but there is still no transition when I hit the back button.

---

Update: It seems like seeing data-rel=”back” does the trick for “orginary links” defined via the <a>-tag BUT what I need is the JavaScript equivalent when calling the $.mobile.changePage() function.

Answer 1

Found it.

One of our developers turned off all return transitions globally, so no wonder that it didn’t work.

This is what he used. Removing that line did the trick.

$.mobile.changePage.defaults.transition = "none";