Jquery 基于动态内容动态调整iframe高度

Jquery 基于动态内容动态调整iframe高度,jquery,ajax,iframe,dynamic,height,Jquery,Ajax,Iframe,Dynamic,Height,首先,我将向您介绍我的页面结构: <html> <body> <div> <iframe> <div id="div1"> </div> </iframe> </div> </body> </html> 如果我提前知道div1的大小,这里就没有问题了。但是,我正在使用jqueryajax动态地将内容添加到di

首先,我将向您介绍我的页面结构:

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

如果我提前知道
div1
的大小,这里就没有问题了。但是,我正在使用jqueryajax动态地将内容添加到
div1
,因此我无法预先设置
的高度

我尝试了在其他线程中找到的解决方案,在
onload
中添加了一些脚本,但是没有用,因为内容是动态变化的,不会重新加载页面


有什么帮助吗?

我不知道你为什么要在这里使用iframe。但也许你可以用


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

// Rsize containing iframe to proper height
parent.parent.resizeIframe($('html').height());
然后,在父页面中,包括以下功能:

function resizeIframe(newHgt)
{
    $('#iframeid').height((parseInt(newHgt)+75)+'px');
}
这将使您到达需要的位置,但我试图解决的问题是如何在动态生成的代码完成加载后确定iframe内容的大小。。。“全部来自父页面”

不管怎样,希望这对你有帮助


由于您正在更改div1的内容,您能否在每次更改后计算div1的高度,然后更改iframe的高度即使我可以计算div1的高度,我如何更改iframe的高度?我不能使用简单的jquery,也不想钻研太多复杂的javascript。更改内容的代码在哪里?是在iframe中还是在父级?@Huangism我不知道这是否是您想要的,但更改内容的代码是ajax调用。类似于
$('div').html(数据)
$.ajax
的成功函数中。ajax是在父页面中,还是在iframe src页面中?我实际上已经使用了该脚本,它并没有解决我的问题。我现在正在重新设计我的应用程序,以摆脱
iframe
。它浪费了我太多的时间来修理很多东西。感谢您的回复。您应该为您的问题打开一个问题。应该提到,当同源政策生效时,这不起作用。