fadeOut在Firefox中无法正常制作动画

时间:2013-10-17 07:45:51

标签: javascript jquery css firefox fadeout

这是我试图开发的插件:

http://jsfiddle.net/9FcN3/3/

问题是:

第二次淡出不会在Firefox中工作,无法弄清楚原因。在所有其他浏览器中,这就像一个魅力,在Firefox中首先fadeOut动画,但第二个fadeOut不会动画(只是删除对象)。

HTML:

<div id="holder">

        <div id="thmb"></div>
        <div id="logo"></div>
        <div id="player">
        </div>

        <script type="text/javascript" src="js/ytplayer.js"  charset="utf-8"></script>

</div>

JS:

$( document ).ready(function() {

    //Hide vid if browser is IE or Safari
    var isMSIE = /*@cc_on!@*/0;
    if (isMSIE) {
        $('#player').css('display','none');
    }
    if (navigator.userAgent.match(/AppleWebKit/)) {
        $('#player').css('display','none');
    }

  // Plugin lounch
    $('#thmb').click(function(){
        $(this).fadeOut('slow', timeout());
    });

    function timeout(){
        setTimeout(function(){
            $('#logo').fadeOut('slow',play);
        },2000);
    }

    function play() {
      if (player) {

        //show vid if browser is IE or Safari
        if (isMSIE) {
            $('#player').css('display','block');
        } 
        if (navigator.userAgent.match(/AppleWebKit/)) {
            $('#player').css('display','block');
        }

        player.playVideo();

      }
    }

});

1 个答案:

答案 0 :(得分:0)

尝试替换$(this).fadeOut('slow',timeout());与$(this).fadeOut('slow',timeout);