Question

i’m developing hybrid app using JQM + PhoneGap on Android.

when i change the page, i want to show transition effect like slide or slideup etc…

it works fine except Android 2.x version. (i have realized this issue in JQM docs : this is JQM docs)

so i made custom trasition. but it doesn’t work fine.

when i change the page with transition effect using my custom transition CSS.

it shows ‘blank page’ between ‘A page’ and ‘B page’.

this is my code : [http://jsfiddle.net/vanryuji/4DkEv/3/]

how can i delete(?) or hide(?) this page?

Answer 1

Based on the way you are performing the Slide, JQM has this to say:

During a CSS-based page transition, jQuery Mobile will place the class
name of the transition on both the “from” and “to” pages involved in
the transition. It then places an “out” class on the “from” page, and
“in” class on the “to” page. The presence of these classes on the
“from” and “to” page elements then triggers the animation CSS rules
defined above. As of jQuery Mobile version 1.1, animation class
additions are queued, rather than simultaneous, producing an
out-then-in sequence, which is friendlier for mobile rendering than
our previous simultaneous transition sequence.

You will need to bypass the sequntial action or force simultaneous.