Jquery slideToggle 破坏 iframe

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，当box重新展开的时候，就不会显示iframe了。更奇怪的是，如果我右击框的底部，并使用 firebug 检查元素，它会在一瞬间移动屏幕，然后 IFrame 会再次显示。

需要澄清的是， slider 不会直接影响 IFrame，它会折叠封装 iframe 的 div。

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

提前感谢您的任何意见。

Answer 1

我的猜测是 iframe 上的 height="100%"并没有真正 100% 处理其中的内容。高度 100% 意味着它将“扩展”在父级的高度上，但我认为你需要的是内容的高度。尝试设置固定高度，看看是否会出现同样的问题。

同样，您可能会考虑 jQuery.get .