jQuery Mobile: Bila Perlu Menggunakan `pageinit` lwn. `$(document).ready()`?

jQuery Mobile: Page Events vs. Document Ready

Perbezaan dan Penggunaan

Sementara $(document).ready() digunakan secara tradisional untuk DOM manipulasi elemen, ia mungkin tidak sesuai untuk aplikasi mudah alih jQuery kerana pemuatan halaman berasaskan Ajax. Ini boleh membawa kepada pelaksanaan kod sebelum halaman dimuatkan sepenuhnya.

Dalam jQuery Mobile, acara halaman memberikan kawalan yang lebih baik ke atas pelaksanaan halaman. $(document).on('pageinit') dicetuskan apabila halaman pertama kali dimuatkan ke dalam DOM dan merupakan tempat yang sesuai untuk memulakan fungsi khusus halaman.

Faedah Menggunakan Acara Halaman

• Elakkan pelaksanaan kod sebelum halaman dimuatkan.
• Laksanakan kod khusus untuk sesuatu halaman.
• Kawal susunan pelaksanaan acara semasa peralihan halaman.

Turutan Acara Halaman Semasa Peralihan

Apabila peralihan antara halaman, acara dicetuskan dalam susunan berikut :

1. halaman sebelum dibuat (halaman B)
2. pagecreate (halaman B)
3. pageinit (halaman B)
4. halaman sebelum disembunyikan ( halaman A)
5. pageremove (halaman A)
6. pagehide (halaman A)
7. pagesebelum tayangan (halaman B)
8. pageshow ( halaman B)

Manipulasi Data Antara Halaman

Parameter boleh dihantar dari satu halaman ke halaman lain menggunakan dataUrl dan pilihan data dalam $.mobile.changePage. Parameter ini boleh diambil menggunakan $(this).data("url") atau $(this).data("data") dalam halaman sasaran sebelum acara acara.

Kesimpulan

Halaman acara memberikan kawalan yang lebih tepat ke atas pelaksanaan kod dalam aplikasi Mudah Alih jQuery. Dengan memanfaatkan peristiwa ini, pembangun boleh mengelakkan perangkap biasa dan memastikan pelaksanaan yang konsisten merentas halaman.

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