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

Question

首先，我会给你我的页面结构：

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

如果我事先知道的大小div1，这里就没有问题了。但是，我正在div1使用 jquery ajax 动态添加内容，所以我无法预先设置<iframe>'s 的高度。

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

有什么帮助吗？

score 3 · Accepted Answer

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

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

然后，在父页面中，包含这个函数：

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

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

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

...

score 0 · Accepted Answer

我不确定你为什么要在这里使用 iframe。但也许你可以尝试使用

2 回答 2