Firefox 在使用 jQuery 显示时不会显示隐藏的 div答案

【问题标题】：Firefox won't display hidden div when shown using jQueryFirefox 在使用 jQuery 显示时不会显示隐藏的 div
【发布时间】：2014-07-15 16:40:07
【问题描述】：

我正在构建一个在中心有一个浮动 vimeo iframe 的网站。默认情况下，vimeo 容器设置为“display:none;”。单击播放按钮后，我使用 jQuery 淡入 iframe。

它适用于除 Firefox 之外的所有浏览器。我收到此错误：

s.getComputedStyle(...) is null

这是我用来淡入包含 iframe 的 div 的代码：

$('a.playbutton').click(function(){
        $(this).hide();
        $('#cover-content').hide();
        $('.vimeo-container').css("display","table").fadeIn(animSpeed);
        player.api('play');
    });

我尝试过使用“display:block”和“display:table”，但它们都不能在 Firefox 中运行。

有没有其他人遇到过这个问题，或者知道是什么原因造成的？

【问题讨论】：

你为什么同时使用display:block 和fadeIn()。使用一个
代替display，试试visibility属性
相关：getComputedStyle(..) is null
@Shaunak D - 我试过只使用 fadeIn() ，但它也没有工作。我尝试在另一个问题中使用三个规则（溢出、不透明度、高度），但这也没有用。
@Amit Soni - 我尝试在我的 CSS 中使用 visibility:hidden 并将其更改为 visibility:visible 在 jQuery 中，但这也不起作用。

标签： jquery iframe vimeo getcomputedstyle

【解决方案1】：

使用这个

 $('.vimeo-container').fadeIn(animSpeed);

而不是这个

$('.vimeo-container').css("display","table").fadeIn(animSpeed);

【讨论】：

我也试过了，但 iframe 仍然没有淡入。
移除“display:none;”从 vimeo 容器。当你加载页面的时候，使用fadeOut方法使其不可见。