mouseenter/mouseleave 和淡出问题

Question

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

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

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

有什么想法吗？

Answer 1

您可以使用 .stop()，其记录如下： http://api.jquery.com/stop/< /a>

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