jquery - Firefox で以前に非表示にした iframe をフェードインする

Question

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 が表示されません。回避策はありますか?

Answer 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');
    });
})