在 Firefox 中淡入以前隐藏的 iframe

Posted 2023-05-09

【中文标题】在 Firefox 中淡入以前隐藏的 iframe

【英文标题】：Fading in a previously hidden iframe in Firefox

【发布时间】：2012-06-18 23:49:25

【问题描述】：

CSS

iframe 
  display: none;

JS

$('iframe').load(function() 
    $('iframe').fadeIn('slow');
);

html

<a href="http://example.com" target="ifrm">external link</a>

<iframe name="ifrm"></iframe>

以上在 IE 和 Chrome 中有效，但是当我在 Firefox 中尝试时，iframe 永远不会显示。有什么解决方法吗？

【参考方案1】：

将其包裹在一个 div 中并淡入。

<a href="http://example.com" target="ifrm">external link</a>
<div id="iframeContainer" style="display:none;">
    <iframe name="ifrm"></iframe>
</div>

$(function() 
    $('iframe').load(function() 
        $('#iframeContainer').fadeIn('fast');
    );
)

【讨论】：

谢谢，我走了一条不同的路，但我相信你的解决方案会奏效。