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()第一个参数告诉它是否要清除队列或不...当前你停止动画，但重复的悬停将排队竞争动画与你的淡入淡出......当你不希望队列稍后执行，清除它，否则它会干扰像这里一样。