javascript - jQuery - 悬停时淡入淡出动画

Question

我有一个小的 jQuery 动画，当鼠标悬停在 :

时，它会在链接中淡出

$(function() {
  $('.delete').hide();
  $('#photos img').hover(function() {
    $(this).parents('li').children('.delete').fadeIn('fast');
  }, function() {
    $(this).parents('li').children('.delete').fadeOut('fast');
  });
});

但如果我快速将鼠标移入和移出图像，新动画总是会添加到队列中，当我停下来时，我会看到链接跳动了一会儿。我尝试使用 .stop(true)，但有时淡入淡出效果根本不起作用(或仅达到小于 1 的不透明度值)。我能做什么？

谢谢，埃里克

Answer 1

最好的方法是使用hoverIntent插入。这涉及上述问题。它还为动画添加了轻微的延迟，因此如果用户碰巧将鼠标快速移动到所有链接上，您不会看到所有链接的丑陋动画流。