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