jquery - 根据内容动态调整 iframe 高度

Question

关于如何动态更改 iframe 高度有很多答案。我尝试了插件https://github.com/house9/jquery-iframe-auto-height

该插件适用于 iframe 加载，但是，如果内容不重新加载（例如 ajax），高度不会根据 iframe 内容内的变化动态变化。

我的问题是：如何在内容改变高度时动态改变 iframe 的高度？

Answer 1

编辑...好吧，我的朋友告诉我正确的方法。我从主窗口中删除了插件并将这个 jquery 代码添加到 iframe 页面：

_

setInterval(function(){
    //console.log($("body").height());
    parent.$("iframe").height($("body").height());
}, 100);

但是有一个问题，就是在扩展之后，高度并没有改变到它的第一个状态。它会变大，但如果我关闭手风琴，它不会变小......这个问题只在Chrome浏览器中......

看起来是 Chrome 错误，因为如果您尝试调整 Chrome 窗口的大小，iframe 会恢复到正常高度。在 IE9 和 FF12 上工作正常。