Callback Events

• pageAnimationStart
• pageAnimationEnd
• pageInserted

pageAnimationStart

Function called before the animation sequence has begun when starting to navigate to a new page.

Passed:
{ direction: DIRECTION }

Where:

• DIRECTION is 'in' or 'out';

pageAnimationEnd

Function called after the animation sequence has ended and a new page has loaded.

Passed:
{ direction: DIRECTION, animation: ANIMATION }

Where:

• DIRECTION is either 'in' or 'out';
• ANIMATION is a string representing the type of animations to use. Animation types are: 'slide','flip','slideup','swap','cube','pop','dissolve','fade','back' or blank for no transition animation.

pageInserted

Function called after a view is inserted into the DOM.

Data passed:
{ page: NODE }

Where:

• NODE is the DOM node that represents the page inserted, i.e.:
  $body.trigger('pageInserted', {page: $node.appendTo($body)});