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

動態插入的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中文網其他相關文章！