Bagaimana untuk Menggunakan jQuery .ready dengan iFrames yang Disisipkan Secara Dinamik?

jQuery .ready in a Dynamically Inserted iFrame

Apabila bekerja dengan jQuery, masa boleh menjadi penting, terutamanya apabila secara dinamik memasukkan iFrames ke dalam halaman . Dalam senario ini, isu timbul apabila acara $(document).ready dicetuskan dalam iFrame sebelum kandungan iFrame dimuatkan sepenuhnya, yang membawa kepada ralat dalam pustaka JavaScript seperti galleria.

Untuk menangani isu ini, pertimbangkan untuk menggunakan acara muatkan dan bukannya dokumen bersedia untuk menunggu iFrame dimuatkan sepenuhnya. Ini memastikan bahawa kod galleria digunakan pada elemen DOM hanya apabila kandungan iFrame sedia.

Begini cara untuk melaksanakannya:

function callIframe(url, callback) {
    $(document.body).append('<iframe>

Dalam contoh ini, fungsi callIframe mengambil URL dan fungsi panggil balik. Ia mencipta iFrame, menetapkan URL sumbernya dan mengikat acara pemuatan ke iFrame. Fungsi panggil balik dilaksanakan apabila iFrame dimuatkan sepenuhnya dan sedia.

Menggunakan acara pemuatan memastikan galleria digunakan hanya selepas kandungan iFrame tersedia, memastikan pelaksanaan perpustakaan JavaScript yang betul.

Atas ialah kandungan terperinci Bagaimana untuk Menggunakan jQuery .ready dengan iFrames yang Disisipkan Secara Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!