O'Reilly logo

Pro jQuery Mobile by Brad Broulik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Transitions

jQuery Mobile has six CSS-based transition effects to choose from when transitioning between pages. By default, the framework will apply a "slide" effect for all transitions. We can set an alternate transition by adding the data-transition attribute to any link, button, or form:

<a href="dialog.html" data-transition="slideup">Show Dialog</a>

The complete list of transition effects are described in Table 2–1:

images

The process of transitioning from page-to-page occurs in the following steps:

  1. A user taps the button to navigate to the next page (see Figure 2–5).
  2. The framework will load the next page with a Hijax request and add it to the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required