jQuery Mobile: Bilakah Saya Perlu Menggunakan `pageinit` Lebih `$(document).ready()`?

jQuery Mobile: Document Ready vs. Page Events

Memahami Perbezaan

jQuery Mobile memperkenalkan acara halaman untuk menangani had $(document) .ready(), yang mungkin mencetuskan sebelum halaman mudah alih dimuatkan dan boleh membawa kepada isu. Acara halaman, seperti pageinit, menyediakan cara yang lebih terperinci untuk melaksanakan kod yang berkaitan dengan halaman tertentu.

Tempahan Acara Halaman

Apabila beralih dari satu halaman ke halaman yang lain, susunan acara halaman ialah:

1. Punggah Acara

   • pagebeforeunload
   • pageeunload
   • pageremove

2. Muat Acara

   • pagebeforecreate
   • pagecreate
   • pageinit

3. Tunjukkan/Sembunyikan Acara

   • pagesebelum tayangan
   • pageshow
   • pagebeforehide
   • pagesembunyi

Penghantaran Data

Untuk menghantar data antara halaman, gunakan data atau sifat url bagi fungsi $.mobile.changePage(). Untuk mengakses data pada halaman penerima, gunakan kaedah $(this).data() atau $(this).attr("data-url".

Organisasi Kod

Untuk organisasi kod yang lebih baik, adalah disyorkan untuk memastikan kod permulaan halaman berasingan dalam fail JavaScript. Untuk tetapan global, gunakan acara mobileinit.

Mencegah Peralihan Halaman

Untuk menghalang peralihan halaman berdasarkan syarat tertentu, gunakan acara pagebeforechange dan kaedah e.preventDefault().

Mencegah Pengikatan Berbilang Acara

Untuk mengelakkan pengikatan berbilang acara, gunakan pageinit untuk acara mengendalikan atau mengalih keluar pengendali acara sebelum mengikatnya semula.

Waktu Halaman

Peralihan halaman melibatkan pemuatan, peningkatan (penggayaan) dan pelaksanaan peralihan. Purata masa pelaksanaan untuk peralihan ialah sekitar 670 milisaat.

Manipulasi Data Antara Halaman

Berikut ialah beberapa kaedah untuk memanipulasi data antara halaman:

• Kaedah 1: Gunakan dataUrl atau parameter data dengan $.mobile.changePage().
• Kaedah 2: Gunakan pemalam jQuery seperti Pop Timbul Berbilang John Bale.
• Kaedah 3: Simpan data dalam objek $(document) menggunakan $(document).data().

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