Rumah > hujung hadapan web > tutorial js > jQuery Mobile: Bila Perlu Menggunakan `pageinit` lwn. `$(document).ready()`?

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

Barbara Streisand
Lepaskan: 2024-12-17 05:01:26
asal
525 orang telah melayarinya

jQuery Mobile:  When to Use `pageinit` vs. `$(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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan