javascript - Iframe Resizer 不调整大小？

Question

我正在使用 David J Bradshaw 的 iframe 调整大小，但我根本无法调整大小。

• iframeSizer.min.js 包含在我的容器页面中
• 我的容器页面头部的这段代码：<script> $('iframe').iFrameResize( [{log:true}] ); </script>
• iframeSizer.contentWindow.min.js 包含在我的框架页面中
• iframe 设置为 width="100" 和 scrolling="no"

这是测试页。

Answer 1

我认为问题可能是当您调用$('iframe').iFrameResize({log:true});. 因此，为了使其正常工作，请添加一条$(document).ready语句：

$(document).ready(function() {
    $('iframe').iFrameResize({log:true});
});

Answer 2

将您的代码包装在document.ready. 当调用 JavaScript 时，没有加载 HTML，因此它是 undefined 或 null。

<script> 
    $(document).ready(function() {
        $('iframe').iFrameResize({log:true}); 
    });
</script>