如果鼠標進入徽標，請停止fadeOut

Question

我有這個小提琴。

http://jsfiddle.net/LTSSx/15/

現在它淡出鼠標離開的時候。但是當鼠標離開並再次輸入標誌時，我想清除超時。但是，當我清除超時時，該功能停止工作，因爲在啓動時沒有計時器。請幫助我，謝謝。

$('.logo').mouseenter(function(){ 
    $('.bubble-container').fadeIn(); 
}); 

$('.logo').mouseleave(function(){ 
    setTimeout(function() { 
     $('.bubble-container').fadeOut(); 
    },1000); 
}); 

Answer 1

很肯定這會工作。只需將超時設置爲全局變量，clearTimeout就可以訪問它。

var fadeOutTimeout; 

$('.logo').mouseenter(function(){ 
    clearTimeout(fadeOutTimeout); 
    $('.bubble-container').fadeIn(); 
}); 

$('.logo').mouseleave(function(){ 
    fadeOutTimeout = setTimeout(function() { 
     $('.bubble-container').fadeOut(); 
    },1000); 
}); 

Answer 2

它撥弄工作：http://jsfiddle.net/LTSSx/18/

var timer = ''; 
$('.logo').mouseenter(function(){ 
    clearTimeout(timer); 
    $('.bubble-container').fadeIn(); 
}); 

$('.logo').mouseleave(function(){ 
    timer = setTimeout(function() { 
     $('.bubble-container').fadeOut(); 
    },1000); 
});