Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Melaksanakan Kod dalam iframe yang Disisipkan Secara Dinamik Menggunakan Acara beban jQuery?

Bagaimana untuk Melaksanakan Kod dalam iframe yang Disisipkan Secara Dinamik Menggunakan Acara beban jQuery?

Mary-Kate Olsen
Lepaskan: 2024-11-16 00:47:02
asal
667 orang telah melayarinya

How to Execute Code in Dynamically Inserted iframes Using jQuery's load Event?

Melaksanakan Kod dalam iframe yang Dimasukkan Secara Dinamik

Apabila menggunakan kotak tebal jQuery untuk memaparkan iframe dalam halaman induk, mungkin terdapat masalah dengan pelaksanaan kod dalam iframe menggunakan $(document).ready(). Ini kerana $(document).ready() menggunakan keadaan sedia dokumen induk untuk menentukan bila iframe dimuatkan sepenuhnya, yang berpotensi membawa kepada pelaksanaan pramatang kod dalam iframe.

Untuk menangani perkara ini, pertimbangkan untuk menggunakan jQuery's muatkan acara untuk mendapatkan kawalan ke atas proses pemuatan iframe. Peristiwa ini akan menyala sebaik sahaja iframe dimuatkan sepenuhnya, memastikan kod dilaksanakan hanya apabila iframe sedia.

Berikut ialah contoh cara menggunakan acara pemuatan:

function callIframe(url, callback) {
    $(document.body).append('<IFRAME>
Salin selepas log masuk

Dalam kod ini, fungsi callIframe mencipta dan menambahkan iframe pada dokumen induk, menetapkan sumbernya dan mengikat peristiwa muat pada iframe. Fungsi panggil balik akan dilaksanakan sebaik sahaja iframe dimuatkan sepenuhnya. Anda boleh menggunakan ini untuk menggunakan sebarang kod atau fungsi yang diperlukan pada kandungan iframe.

Menggunakan acara pemuatan dan bukannya $(document).ready() memberikan kawalan yang lebih tepat apabila kod dilaksanakan dalam iframe dinamik, memastikan bahawa ia hanya dilaksanakan sebaik sahaja iframe dimuatkan sepenuhnya dan sedia.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Kod dalam iframe yang Disisipkan Secara Dinamik Menggunakan Acara beban jQuery?. 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