jQuery Mobile: `$(document).ready()` とページ イベントをいつ使用するか?

jQuery Mobile: $(document).ready() とページ イベント

違いを理解する

jQuery Mobile では、ページ実行の特定の段階でページ イベントがトリガーされ、ページ操作に $(document).ready() を使用するときに発生する可能性がある問題。

ページ イベント

• pageinit: トリガーページが初めてロードされて表示されるとき。ページごとに 1 回のみ発生します。
• pagebeforeshow: ページが遷移される前にトリガーされます。
• pageshow: ページが遷移された後にトリガーされます。 .

使用の利点ページ イベント

• ページが実際に読み込まれるときにのみコードが実行されるようにし、Ajax ページの読み込みに関する問題を回避します。
• ページ中の特定の時点でのコード実行をより詳細に制御できます。遷移。

中のページイベント実行順序遷移

あるページから別のページに遷移する場合:

1. ページ B: pagebeforecreate
2. ページ B: pagecreate
3. ページ B: pageinit
4. ページ A: pagebeforehide
5. ページ A: pageremove
6. ページ A: pagehide
7. ページ B: pagebeforeshow
8. ページ B: Pageshow

間のデータ送信ページ

あるページから別のページにデータを送信するには:

• dataUrl またはデータ オプションを指定して changePage() を使用します。
• ページ URL からデータを取得しますを使用して$(this).data("url").

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

同じ要素での複数のイベント バインディングを防止するには:

• pageinit を使用してイベントを 1 回だけバインドします。
• イベントを削除します.off() を使用して再バインドする前に。
• イベントの伝播を防ぐためにイベント フィルターを使用します。

結論

$ の違いを理解するjQuery Mobile の (document).ready() およびページ イベントは、潜在的な問題を回避し、ページ操作とページ中のデータ処理をより詳細に制御できるようにします。トランジション。

以上がjQuery Mobile: `$(document).ready()` とページ イベントをいつ使用するか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。