Question

我发现并正在使用以下的堆积流问题和答案/a>。我使用iFrame内部的iFrame,该iFrame 指向父域,以便向它回传我的高度。我完全理解这个概念,并且相当容易地执行。问题是当我试图从 jQuery 获得$( documents).h88 (), 或者仅仅通过文件.body.scrollH8, 当我的页面在 iFrame 内部被引用时,我看到所有浏览器中的奇怪结果。

以下是我页面上发生的事情的一些背景。我正在做一些 ajax 呼叫, 搜索第三方供应商的服务, 并根据结果在页面中生成 html 。顺便提一下, 我正等待将自己的 html 添加到 DOM 中, 然后再抓住文件的高度。以下是 $( document). h88 () 的结果, 当我的页面在 iFrame 中时。

FireFox 10.0.2, 其高度为近1000 像素或小于文档实际高度。

Google Chrome 18.0.1025.162 将大部分时间收集正确的高度。有时,高度会小于几百像素。

Safari 5的行为就像FireFox一样。

我看过许多博客文章的代码显示行为。我是否使用jQuery或我可以用什么来描述文件对象并不重要。我总是看到其中任何一个电话都出现不一致的结果。我不得不相信其他使用过这种技术的人已经跑到这个地步了。

我不需要显示iFrame 变换大小或助手 iFrame 的代码, 因为这些代码的功能和预期的一样。我想显示的主要代码是, 在 Ajax 事件和 Dom 操作完成后, 我如何从我的搜索表格开始变换大小 :

function resizeMe() {
    var iFrameHelper = $("#iFrameHelper");
    iFrameHelper.attr("src", iFrameHelper.attr("data-url") + "?height=" + $(document).height() + "&cacheb=" + Math.random());
}

Answer 1

因此,我最后弄清楚了问题是什么。$( document). hireight () 部分工作正确。问题是时间问题。在ajax 调用完成后我在页面中提供的项目包含要求从页面上出去获取图像的图像。在图像上没有设定默认的高度, 因此在改变我页面内 iFrame 的 iFrame 属性之前, 高度没有被正确计算。 iFrame 开始调整父体的大小。

最后,我所做的只是默认我所有图像的高度,因为它们具有相同的维度。我是责怪iFrames而不是我自己。为了这样一个简单的原因,我花了两天时间把头发拔掉。

我希望这将来能帮助别人

友情链接