2012-06-18 52 views
0

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

我有的使用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,但也失败了。

非常感谢您提前做出任何输入。

回答

0

我的猜测是,iframe上的高度=“100%”并不是真的在做100%的内容。身高100%意味着它会“扩散”到父母的身高,但是我认为你需要的是内容的高度。尝试设置修复高度并查看是否发生相同的问题。

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

+0

我更新的高度/宽度为300x300并立即修复它。谢谢! – Camway