jquery - 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();
});