mouseenter/mouseleave 和褪色问题

Question

我在 div 上使用 mouseenter/mouseleave 来淡入淡出。

问题是当快速将 div 悬停时，它会导致某种队列，其中 div 会不断消失几次。

似乎我需要停止“在鼠标上然后停止淡出”之类的效果。

有什么想法吗？

Answer 1

您可以使用 .stop()，此处记录：http://api.jquery.com/stop/

$('#hoverme-stop-2').hover(function() {
  $(this).find('img').stop(true, true).fadeOut();
}, function() {
  $(this).find('img').stop(true, true).fadeIn();
});