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