iframe-resizer - iFrame Resizer 在图像加载之前设置了不正确的高度

Question

我正在使用@DavidJBradshaw 的 iFrame Resizer 并遇到了一个我似乎无法找到答案的问题。

iFrame Resizer 似乎在加载图像之前设置了 iframe 高度，而当图像最终加载时，iframe 太短了。任何单击或调整窗口大小都会立即触发 iFrame Resizer 设置正确的高度。

问题似乎仅在第一次将新页面（来自同一域）加载到 iFrame 时出现。在本地测试我的网站时一切正常，当浏览器缓存所有文件时它也可以正常工作，因此返回到第一个视图大小不正确的页面可以正常工作。

以下是 iframe 标签：

<iframe id="newsframe" src="foo.html" width="100%" scrolling="no" frameborder="0"></iframe>

这是我在包含 iframe 的页面末尾的内容：

<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/iframeResizer.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
	  $(window).load(function() {
        $("#graphic").hide().css("visibility", "visible").fadeIn(200);
      });
    
      iFrameResize({ log: false }, '#newsframe')
</script>
</body>
</html>

这是我在 iframe html 末尾的内容：

<script type="text/javascript" src="../../../../js/iframeResizer.contentWindow.min.js" defer></script>
</body>
</html>