jquery-mobile - jQueryMobile-pageinitイベントへのバインド

Question

次のjQueryMobileの例を理解しようとしています。

$( '#aboutPage' ).live( 'pageinit',function(event){
  alert( 'This page was just enhanced by jQuery Mobile!' );
});

#aboutPageこの文脈では何ですか？オブジェクトpageinitは何にバインドされていますか？

Answer 1

aboutPageページのIDである必要があります（iediv with data-role="page"）。のイベントにlive()を含む、定義した関数を添付します。ページが初期化されると、ページでトリガーされます。alertpageinitaboutPagepageinit

つまり、コードが行うことは

aboutPage初期化時にアラートステートメントを実行します

ページが表示されていなくても初期化される可能性があるため、そのページに移動する前でもpageinit、divのがトリガーされます。別のhtmlファイルをロードしている場合pageinit、そのページの新しいページは、そのページをビューにロードします。したがって、divが表示されたときに何かを実行したい場合は、とを試すことができpagebeforeshowますpageshow。pagebeforeshowアニメーションが開始する前とアニメーションが終了した後、新しいページでトリガーされますpageshow。