jQuery - 懸停很多時間打破JavaScript？

Question

我有一段簡單的代碼，當用戶將鼠標懸停在幻燈片上的圖像上時，相關文本會在圖像上淡出。但是，如果用戶來回徘徊幾次，效果就會停止工作？

$('div.slideshowImage').hover(function() { 
$('div.slideshowImageText').stop().fadeIn('500'); 
}, 
function() { 
$('div.slideshowImageText').fadeOut('500'); 
}); 

Answer 1

你需要清除隊列爲好，像這樣：

$('div.slideshowImage').hover(function() { 
    $('div.slideshowImageText').stop(true).fadeIn('500'); 
}, function() { 
    $('div.slideshowImageText').fadeOut('500'); 
}); 

的.stop()第一個參數告訴它是否要清除隊列或不...當前你停止動畫，但重複的懸停將排隊競爭動畫與你的淡入淡出......當你不希望隊列稍後執行，清除它，否則它會干擾像這裏一樣。