ページ切替イベントとは

ページ切替イベントとは

現在表示されているページ( fromPage )から、新しいページ( toPage )へアニメーション効果を伴って切り替えが行われる際に発火するイベント群です。イベントは、こうした一連の切り替えの前後で呼び出されます。fromPageが非表示になる前後、toPageが表示される前後で発生することになります。

各イベントではコールバック関数の第二引数で prevPage もしくは nextPage プロパティにアクセスできます。これは例えば次のように使います。

$( 'div' ).live( 'pageshow',function(event, ui){
  alert( 'This page was just hidden: '+ ui.prevPage);
});

$( 'div' ).live( 'pagehide',function(event, ui){
  alert( 'This page was just shown: '+ ui.nextPage);
});

こうしたハンドラを、最初のページが読み込まれた際にも実行したい場合、jQuery Mobileがページに取り込まれる前にバインドしなければなりません。これは mobileinit イベントで可能です。詳しくはグローバル設定を参照してください。