首頁  >  文章  >  web前端  >  如何將 jQuery .ready 與動態插入的 iFrame 結合使用?

如何將 jQuery .ready 與動態插入的 iFrame 結合使用?

DDD
DDD原創
2024-11-11 18:42:03870瀏覽

How to Use jQuery .ready with Dynamically Inserted iFrames?

動態插入的iFrame 中的jQuery .ready

使用jQuery 時,時機至關重要,尤其是在將iFrame 動態插入頁面時。在這種情況下,當 iFrame 內容完全載入之前在 iFrame 中觸發 $(document).ready 事件時,就會出現問題,導致 Galleria 等 JavaScript 函式庫出現錯誤。

要解決此問題,請考慮使用載入事件而不是文件準備等待 iFrame 完全載入。這確保了僅當 iFrame 內容準備就緒時,Galleria 程式碼才會套用於 DOM 元素。

實作方法如下:

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

在此範例中,callIframe 函數採用URL 和回調函數。它會建立 iFrame,設定其來源 URL,並將載入事件綁定到 iFrame。當 iFrame 完全載入並準備就緒時,將執行回調函數。

使用 load 事件可確保僅在 iFrame 內容可用後套用 Galleria,確保 JavaScript 函式庫的正確執行。

以上是如何將 jQuery .ready 與動態插入的 iFrame 結合使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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