当 iframe 改变高度时调整容器大小

Question

我正在尝试找到一种方法来在其中包含的 iFrame 更改高度时调整嵌入 div 的大小。

这基本上就是我所拥有的：

<div>
    <iframe src="www.somesite.com"></iframe>
</div>

所以 iFrame 内容会改变高度，我希望包含它的 div 相应地调整大小。

任何我可以使用的神奇 jQuery 或 Bootstrap（页面同时使用）？

Answer 1

试试这个，

<div id="iframeContainer">
    <iframe src="www.somesite.com" id="contentIframe" onload="setContentHeight()"></iframe>
</div>

<script type="text/javascript">
  function setContentHeight() {
      var iframe = $('#contentIframe').contents();
      if(iframe) {
	    var height = iframe.height();
		$("#iframeContainer").height(height);
      }   
  }
</script>