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
。它浪费了我太多的时间来修理很多东西。感谢您的回复。您应该为您的问题打开一个问题。应该提到,当同源政策生效时,这不起作用。