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