jQuery Mudah Alih: Bila Perlu Menggunakan `$(document).ready()` lwn. Acara Halaman?

jQuery Mobile: $(document).ready() vs. Page Events

Memahami Perbezaan

Dalam jQuery Mobile, peristiwa halaman dicetuskan semasa peringkat tertentu pelaksanaan halaman, menangani isu yang boleh timbul apabila menggunakan $(document).ready() untuk manipulasi halaman.

Peristiwa Halaman

• pageinit: Dicetuskan apabila halaman akan dimuatkan dan ditunjukkan buat kali pertama. Hanya menyala sekali setiap halaman.
• halamansebelum ditayangkan: Dicetuskan sebelum halaman dialihkan ke.
• pageshow: Dicetuskan selepas halaman telah dialihkan ke .

Faedah Menggunakan Halaman Acara

• Memastikan kod dilaksanakan hanya apabila halaman benar-benar dimuatkan, mengelakkan masalah dengan pemuatan halaman Ajax.
• Memberi lebih kawalan ke atas pelaksanaan kod pada titik tertentu semasa peralihan halaman .

Perintah Pelaksanaan Halaman Acara Semasa Peralihan

Apabila beralih dari satu halaman ke halaman lain:

1. Halaman B: pagebeforecreate
2. Halaman B: pagecreate
3. Halaman B: pageinit
4. Halaman A: pagebeforehide
5. Halaman A: pageremove
6. Halaman A: pagehide
7. Halaman B: pagebeforeshow
8. Halaman B: pageshow

Menghantar Data Antara Halaman

Untuk menghantar data dari satu halaman ke halaman yang lain:

• Gunakan changePage() dengan dataUrl atau pilihan data.
• Dapatkan semula data daripada URL halaman menggunakan $(this).data("url").

Mencegah Pelbagai Acara Pengikatan

Untuk mengelakkan pengikatan berbilang acara pada elemen yang sama:

• Gunakan pageinit untuk mengikat acara sekali sahaja.
• Alih keluar acara sebelum mengikatnya semula menggunakan .off().
• Gunakan penapis acara untuk menghalang acara penyebaran.

Kesimpulan

Memahami perbezaan antara $(document).ready() dan acara halaman dalam jQuery Mobile membantu mengelakkan potensi isu dan menyediakan kawalan yang lebih besar manipulasi atas halaman dan pengendalian data semasa peralihan halaman.

Atas ialah kandungan terperinci jQuery Mudah Alih: Bila Perlu Menggunakan `$(document).ready()` lwn. Acara Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!