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

Question

我一直在尝试通过使用此处的信息来根据 iFrame 的内容调整 iFrame 的大小。他的演示位于此处。

我正在使用以下内容：

$("#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 是这个JsFiddle 示例中主要元素的 id。）