javascript - fadeOut 不会在 Firefox 中正确设置动画

Question

这是我正在尝试开发的插件:

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();

      }
    }

});

Answer 1

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