jQueryMobileの(19)ページ表示/非表示イベント(pagebeforeshow、pagebeforehide、pageshow、pagehide)

884 ワード

ページ表示/非表示イベント(pagebeforeshow、pagebeforehide、pageshow、pagehide)
jQuery Mobileでは、1つのページがいつ表示されても非表示になっても、この2つのイベントはこのページでトリガーされます.イベントのトリガは、そのpageが表示または非表示になっているかどうかに依存するため、1つのpage遷移が発生すると、4つのイベントがトリガされます.各pageは2つトリガされます.
pagebeforeshow:回転する前に、ページが表示されたときにトリガーされます.
pagebeforehide:回転する前に、ページが非表示になったときにトリガーされます.
pageshow:ターン後、ページが表示されるとトリガーされます.
pagehide:ターン後、ページが非表示になったときにトリガーされます.
この4つのイベントは、「前のページ」または「次のページ」を参照していることに注意してください.これは、どのページが表示または非表示になっているか、および「前のページ」または「次のページ」が存在するかどうかによって異なります.(最初のページには「前のページ」は表示されませんが、空のjQueryオブジェクトも参照されます)この参照には、2番目のパラメータをバインドされたコールバック関数としてアクセスできます.
$('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);
});