Table of Content
Page transition
By default, all page transitions are fading effect. We can control individual link transition by adding data-transition attribute to the a href. For example, the following link would display the target page by sliding the content in.
1<a data-role='button' data-transition='slide' href='#page-2'>Slide</a>
Or we can configure the default page transition via JavaScript:
1$.mobile.defaultPageTransition = 'slide';
For more information about customizing transition, please check chapter 2 of the jQuery mobile course.
What’s next? We’re going to take a look at “jQuery mobile button”.
