jQuery Mobile: `pageinit` と `$(document).ready()` を使用する場合は?

jQuery Mobile: ページ イベントとドキュメント Ready

違いと使用法

$(document).ready() は伝統的に DOM に使用されます要素の操作は、Ajax ベースのページ読み込みのため、jQuery Mobile アプリケーションには適さない可能性があります。これにより、ページが完全に読み込まれる前にコードが実行される可能性があります。

jQuery Mobile では、ページ イベントによりページ実行をより適切に制御できます。 $(document).on('pageinit') は、ページが最初に DOM に読み込まれるときにトリガーされ、ページ固有の機能を初期化するのに理想的な場所です。

ページ イベントを使用する利点

• ページが読み込まれる前にコードの実行を回避します。
• 特定のページに固有のコードを実行します。
• ページ遷移中のイベントの実行順序を制御します。

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

ページ間を遷移するとき、イベントは次の順序でトリガーされます。 :

1. 作成前のページ (ページB)
2. pagecreate (ページ B)
3. pageinit (ページ B)
4. pagebeforehide (ページA)
5. pageremove (ページ A)
6. page Hide (ページ A)
7. pagebeforeshow (ページB)
8. pageshow (ページ B)

ページ間のデータ操作

dataUrl を使用して、あるページから別のページにパラメータを渡すことができます$.mobile.changePage のデータ オプション。これらのパラメータは、ターゲット ページの pagebeforeshow イベントで $(this).data("url") または $(this).data("data") を使用して取得できます。

結論

ページイベントにより、jQuery Mobile アプリケーションでのコード実行をより正確に制御できます。これらのイベントを活用することで、開発者はよくある落とし穴を回避し、ページ間で一貫した実行を保証できます。

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