在 jQuery 动画期间调整 iframe 的大小答案

【问题标题】：resizing iframe during jQuery animations在 jQuery 动画期间调整 iframe 的大小
【发布时间】：2012-04-03 10:55:28
【问题描述】：

我正在创建将被另一个网站加载到 iframe 中的内容。

（iframed）页面上的某些链接通过 Ajax 加载内容，然后使用 slideToggle（jQuery 动画）函数显示/隐藏它。

我发现Resizing an iframe based on content 在页面加载时为 iFrame 分配正确的高度有很大帮助，但是如何在内容动态变化时增加 iFrame 的高度（无需重新加载页面）？

【问题讨论】：

你在使用 iframe 插件吗？例如 colorbox 插件可让您手动调整 iframe 大小或在运行时自动调整大小
我没有使用任何插件，只有 jQuery，以及上面链接页面中描述的解决方案。
您是否将 iframe 分配给对象？您可以使用 parent.myIFrameObject 更改 iframe 元素的样式值，如果它太简单并且您已经尝试过，很抱歉
感谢您的帮助，但请相信我，我已经尝试过了，但无法让它发挥作用。 :-/
好吧，我还有最后一个建议给你。即使你不会使用colorbox，也可以去查看源代码看看它是如何做到的？

【解决方案1】：

您不能通过 JS 的方式从 iframe 内部更改 iframe 本身的属性来与 不同域的 DOM 交互。或者，主文档中的 JS，从内部检查/更改 DOM。

最好也通过 AJAX 加载 iframe 的内容。

【讨论】：

感谢您的回答，但我认为您误解了我的问题。如果您阅读了我上面包含的页面，有一种方法可以根据我的页面内容来调整 iframe 的高度。我只需要知道如何在动画运行时或完成后执行此操作。将问题视为两个页面都在同一个域上。忘记用另一种方法交换 iframe。这不是一个选择。