如何将 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中文网其他相关文章！