jQuery Mobile: `$(document).ready()` ではなく `pageinit` を使用する必要があるのはどのような場合ですか?

jQuery Mobile: Document Ready とページ イベント

違いを理解する

jQuery Mobile では、$(document) の制限に対処するためにページ イベントが導入されました.ready()。モバイル ページが読み込まれる前にトリガーされる可能性があり、問題が発生する可能性があります。 pageinit などのページ イベントは、特定のページに関連するコードを実行するためのよりきめ細かい方法を提供します。

ページ イベントの順序

あるページから別のページに遷移するときのページ イベントの順序は:

1. アンロードイベント

   • pagebeforeunload
   • pageunload
   • pageremove

2. ロードイベント

   • pagebeforecreate
   • pagecreate
   • pageinit

3. 表示/非表示イベント

   • pagebeforeshow
   • pageshow
   • pagebeforehide
   • pagehide

データPassing

ページ間でデータを送信するには、$.mobile.changePage() 関数の data または url プロパティを使用します。受信ページのデータにアクセスするには、$(this).data() メソッドまたは $(this).attr("data-url") メソッドを使用します。

コード構成

コードをより適切に構成するには、ページ初期化コードを JavaScript ファイル内で分離しておくことをお勧めします。グローバル設定の場合は、mobileinit イベントを使用します。

ページ遷移の防止

特定の条件に基づいてページ遷移を防止するには、pagebeforechange イベントと e.preventDefault() メソッドを使用します。

複数のイベント バインディングの防止

複数のイベント バインディングを防止するには、イベント処理に pageinit を使用するか、削除します。

ページ時間

ページ遷移には、読み込み、強化 (スタイル設定)、および遷移の実行が含まれます。トランジションの平均実行時間は約 670 ミリ秒です。

ページ間のデータ操作

ページ間でデータを操作する方法をいくつか紹介します。

• 方法 1: dataUrl またはデータ パラメーターを使用する$.mobile.changePage().
• 方法 2: John Bale の複数のポップアップのような jQuery プラグインを使用します。
• 方法 3: データを保存する$(document).data().

を使用して $(document) オブジェクト内で

以上がjQuery Mobile: `$(document).ready()` ではなく `pageinit` を使用する必要があるのはどのような場合ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。