Question

我在一个页面上有多个iframe。框架的源是我自己的域。我想在页面上的所有iframe上计算和设置iframe高度。

我的代码目前将所有iframe高度设置为相同的高度，来自其中一个iframe：

function iframeSize(){

$("IFRAME_CLASS",parent.document).each(function() {
                var frameHeight = $("body").outerHeight();
                $(this).height(frameHeight);
            }); 

}

我遇到了很多麻烦并感谢你的帮助！

Answer 1

为了使用类IFRAME_CLASS迭代每个iframe，您需要在每个元素上执行class(.)选择器并设置高度。

function iframeSize(){

$(".IFRAME_CLASS").each(function() {
                var frameHeight = $("body").outerHeight();
                $(this).css("height",frameHeight);
 }); 

}
iframeSize();

示例：https://jsfiddle.net/DinoMyte/2ass96kf/3/

根据内容高度为多个iFrame设置独特的高度

1 个答案: