O'Reilly logo

jQuery Mobile Cookbook by Chetan K Jain

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

Page transition and animation events

During page navigation, the current page transitions out and the new active page transitions in. Animation is used where supported. The jQuery Mobile framework triggers four page transition events during page navigation, which are listed as follows:

  • pagebeforehide: This event is triggered before the current page is hidden
  • pagehide: This event is fired once the current page is hidden
  • pagebeforeshow: This event is fired before the new active page is shown
  • pageshow: This event is triggered once the active page is shown

You can also access the animationComplete plugin to perform custom actions as soon as the animation is completed. This recipe shows you how to use the page transition events and also how to use 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