Question

我一直在尝试使用here中的信息根据内容调整iFrame的大小。他的演示位于here。

我使用以下内容：

$("#IframeId").load(function() {
    $(this).height( $(this).contents().find("body").height() );
});

.find("body")是否在内部iframe内容的标题部分中检查“正文”？我确实在托管页面中看到了这一点。

我还在上面的代码中添加了以下内容：

 alert($(this).height( $(this).contents().find("body").height()));

我没有看到警报。

Answer 1

我认为您必须尝试在IFrame的源代码中找到特定元素的高度，而不是html标记本身，因为它没有指定的高度。这是一个有效的例子：

$("#IframeId").load(function() {
    $(this).height( $(this).contents().find("#box").height() ); //box can be changed to the id of the element you want
});

如果您的容器div具有您想要Iframe的宽度，则可以使用其id而不是box。（注意：box是this JsFiddle示例中主要元素的id。）

如何通过jQuery调整iFrame的大小？

1 个答案: