Question

考虑到我正在使用的项目，这里发布所有代码是不可能的，但这里是一般情况。

我有一个使用JQuery折叠的div标签，如下所示：

$(".div_class").click(function(){
    $("div#div_name").slideToggle()
});

此功能会影响页面后面的IFrame。

<iframe frameborder="0" id="iframe_id" name="iframe_name" height="100%" width="100%" src="google.com"></iframe>

这是问题，我的div包含和IFrame，当框重新展开时，它不会显示IFrame。更奇怪的是，如果我右键单击框的底部，并使用firebug来检查元素，它将在一瞬间洗牌，IFrame将再次显示。

作为一点澄清，滑块不会直接影响IFrame，它会折叠div，它封装了iframe。

已经尝试将IFrame css'display'设置为'block'，这似乎是JQuery函数正在做的事情的要点，但它没有解决。还尝试添加到JQuery函数并在单击后插入新的IFrame，但这也失败了。

提前感谢您提供任何意见。

Answer 1

我的猜测是iframe上的height =“100％”并没有真正做到100％的内容。高度100％意味着它将“扩散”在父母的高度上，但我认为你需要的是内容的高度。尝试设置修复高度，看看是否出现同样的问题。

同样，您可以考虑jQuery.get。