jquery：取消淡入淡出然后淡入淡出

Question

我有一个最初显示的div，然后在鼠标离开div 10秒后慢慢淡出（淡入淡出）。当鼠标重新进入时，我需要取消淡入淡出（如果它仍在进行中）并淡入div。

我知道（想）.stop（）是我的救世主。它正确地停止DIV fadeTo但对我的生活我不能让淡入踢

以下是我有：

$(document).on('mouseenter', '#player', function(){ 
     $(this).stop().fadeIn('fast'); 
    }); 

    $(document).on('mouseleave', '#player', function(){ 
     $(this).stop().fadeTo(10000,0.2); 
    }); 

http://jsfiddle.net/FraserHart/SMQ4M/

Answer 1

我的工作了。

我需要回去与fadeTo而不是淡入淡出与fadeTo淡出时一样，只调整不透明度所以仍然将其视为可见：

$(document).on('mouseenter', '#player', function(){ 
     $(this).stop().fadeTo('fast',1); 
    }); 

    $(document).on('mouseleave', '#player', function(){ 
     $(this).stop().fadeTo(10000,0.2); 
    });