淡出在 Firefox 中无法正确制作动画

fadeOut won't animate properly in Firefox

本文关键字：动画 Firefox 淡出      更新时间：2023-09-26

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

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

问题是：

第二个淡出在 Firefox 中不起作用，不知道为什么。 在所有其他浏览器中，这就像一个魅力，在 Firefox 中，第一个淡出动画，但第二个淡出不会动画（只是删除对象）。

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

尝试替换 $（this）.fadeOut（'slow'， timeout（））; with $（this）.fadeOut（'slow'， timeout）;

相关文章：