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

在Firefox中淡入以前隐藏的iframe

1 个答案: