Mengapa jQuery .ready Membakar Pramatang dalam iFrames yang Disisipkan Secara Dinamik?

iFrames yang Dimasukkan Secara Dinamik dan jQuery .ready Event

Apabila menggunakan pemalam kotak tebal jQuery untuk memaparkan secara dinamik iframe yang mengandungi perpustakaan JavaScript galleria, anda mungkin menghadapi masalah apabila acara $(document).ready menyala sebelum waktunya dalam iframe, menyebabkan kod galleria digunakan secara tidak betul.

Punca Punca

Acara $(document).ready bergantung pada keadaan sedia dokumen induk untuk menentukan kesediaan iframe . Walau bagaimanapun, dalam iFrames yang dimasukkan secara dinamik, keadaan sedia ibu bapa mungkin menunjukkan bahawa iframe sudah sedia walaupun kandungan iframe itu sendiri belum dimuatkan.

Penyelesaian Alternatif

A pendekatan yang lebih dipercayai adalah untuk mengikat kepada peristiwa beban iframe sendiri. Ini memastikan bahawa kod anda akan dilaksanakan hanya apabila kandungan iframe telah selesai dimuatkan.

Coretan Kod

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

Dengan menggunakan acara pemuatan, anda boleh mengawal masa pelaksanaan kod anda dengan lebih tepat dan elakkan pelaksanaan pramatang dalam dimasukkan secara dinamik iFrames.

Atas ialah kandungan terperinci Mengapa jQuery .ready Membakar Pramatang dalam iFrames yang Disisipkan Secara Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!