javascript - 使 document.ready 考虑外部 iframe 中的元素

Question

我发现自己所处的位置如下。我有一个 jQuery 插件，需要嵌套在 document.ready 函数中。该插件对页面元素应用一些样式。受此插件影响的元素之一包含 iframe。这个 iframe 不是来 self 的网站。问题是 document.ready 没有考虑 iframe 的内容，当它加载时，它的高度发生变化，但在此之前已经应用了 jQuery 插件，因此页面的布局被搞砸了.

我尝试了以下方法来确保仅当文档准备好且 iframe 也准备好时才调用插件:

$(document).ready(function() {
    $('#frameId').ready(function() {
    //plugin code
    });
});

但这不起作用，我正在寻找另一种解决方案。

Answer 1

只有文档才有 ready() 事件，对于 iFrame 来说，它将是 onload :

$(document).ready(function() {
    $('#frameId').on('load', function() {
    //plugin code
    });
});

但是为什么你的插件需要访问 iFrame ？