From the course: jQuery Mobile Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Page change and transition events

Page change and transition events - jQuery Mobile Tutorial

From the course: jQuery Mobile Essential Training

Start my 1-month free trial

Page change and transition events

Okay. Let's take a look at the page transition events, and here in the Snippet, I will scroll down to that section under chapter seven. So let's open up pagetrans_start, and you can see in here I've got two different internal pages. There's first page and second page, and these are the pages that we're going to use to exercise the transition events. So, let's go to the snippets, and let's copy this script block, the whole thing, and paste it into the head above the meta tag. So, there are four different events that I'm going to be listening for in here. There's page container show, page container hide, and then there's page container before show and page container before hide. So, the page container is an object that governs how pages are loaded and animated into place. And if you want to learn more about the page container element, there's a section on the jQuery Mobile docs about this. And let me just quickly show that. This is the jQuery Mobile API docs for the page container…

Contents