在Firefox中淡入以前隐藏的iframe

时间:2012-06-15 21:46:44

标签: jquery firefox iframe

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 个答案:

答案 0 :(得分:0)

将其包裹在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');
    });
})