首頁 >web前端 >js教程 >如何使用 jQuery 載入動態插入的 iframe 後執行程式碼?

如何使用 jQuery 載入動態插入的 iframe 後執行程式碼?

Barbara Streisand
Barbara Streisand原創
2024-11-15 10:40:03380瀏覽

How to Execute Code After Dynamically Inserted iframes are Loaded with jQuery?

如何在動態插入的iframe 中利用jQuery .ready 事件

使用jQuery 厚盒動態插入iframe 時,$2(). iframe 中的就緒事件過早觸發,導致Galleria 程式碼無法有效應用於DOM元素。發生這種情況是因為 $(document).ready 依賴 iframe 父級的就緒狀態。

為了解決此問題,可以綁定其他 jQuery 事件以確保僅在動態 iframe 就緒後執行程式碼。一種建議的方法是使用「load」事件,如下所示:

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

透過利用「load」事件,可以更好地控制iframe 負載,從而允許在iframe 加載時採取操作滿載並準備就緒。這可確保在 iframe 的 DOM 元素上準確執行 Galleria 程式碼或其他 JavaScript 程式庫。

以上是如何使用 jQuery 載入動態插入的 iframe 後執行程式碼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn