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

首先，我将向您提供我的页面的结构:

<html>
<body>
    <div>
    <iframe>
        <div id="div1">
        </div>
    </iframe>
    </div>
</body>
</html>

如果我提前知道 div1 的大小就好了，这里没有问题。但是，我动态地将内容添加到 div1 中使用jquery ajax，所以我无法预先设置 <iframe>的高度。

我已经尝试了在其他线程中找到的解决方案，方法是在 onload 中添加一些脚本。 <iframe>的但它没有用，因为内容是动态变化的，无需重新加载页面。

有什么帮助吗？

最佳答案

在您的子页面中，动态生成的代码完成加载后，插入以下代码:

// Rsize containing iframe to proper height
parent.parent.resizeIframe($('html').height());

然后，在父页面中包含此函数:

function resizeIframe(newHgt)
{
    $('#iframeid').height((parseInt(newHgt)+75)+'px');
}

这将使您到达需要的位置，但我试图解决的问题是如何在动态生成的代码完成加载后确定 iframe 内容的大小... “全部来自父页面”。

无论如何，希望这对你有帮助。

...

关于jquery - 根据动态内容动态调整 iframe 高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11740435/