0

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

我有一个使用 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。更奇怪的是,如果我右键单击框的底部,并使用萤火虫检查元素,它会在一瞬间将屏幕随机播放,并且 IFrame 将再次显示。

澄清一下,滑块不会直接影响 IFrame,它会折叠封装 iframe 的 div。

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

提前感谢您的任何意见。

4

1 回答 1

0

我的猜测是 iframe 上的 height="100%" 并没有真正做到 100% 的内容。高度 100% 意味着它将“传播”在父级的高度上,但我认为你需要的是内容的高度。尝试设置一个固定高度,看看是否会出现同样的问题。

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

于 2012-06-18T22:08:20.277 回答