jQuery悬停与淡入淡出计时问题/ screenshot

Question

当悬停在地图项目符号上时，我正在淡出，改变精灵的背景位置，然后淡入。但是当我在几个项目符号中快速完成此操作时，我遇到了一致性问题。

如何在不必为每个子弹制作特定事件的情况下调整此方法？

$("#map a").hover(
  function () {
    $(this).fadeOut(200, function () {
      $(this).css('backgroundPosition', '0 0');
      $(this).fadeIn(200);
    });
  },
  function () {
    $(this).fadeOut(200, function () {
      $(this).css('backgroundPosition', '');
      $(this).fadeIn(200);
    });
  }
);

感谢大脑的力量！

...但我认为我只是要删除这个功能，而不是一些花哨的工具提示，这些工具提示与衰落不能很好地融合。谢谢你停下来！

Answer 1

在没有看到演示的情况下，我猜测你需要使用.stop（）停止你的其他子弹以达到你想要的效果

$(this).stop(true, true).fadeOut(200, function () {
  $(this).css('backgroundPosition', '0 0');
  $(this).stop(true, true).fadeIn(200);
});

Answer 2