带有悬停计时问题的jQuery悬停,带有截图

当我将鼠标悬停在地图项目符号上时,我正在逐渐淡出,更改了精灵的背景位置,然后逐渐淡入。但是当跨多个项目符号快速执行此操作时,我遇到了一致性问题。 有没有必要针对每个子弹进行特定事件的情况下如何进行调整的想法?
$(\"#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);
    });
  }
);
感谢您的脑力! ...但是我想我将删除此功能,以代替一些与渐变效果不太吻合的精美工具提示。感谢您的光临!     
已邀请:
        在没有看到演示的情况下,我猜测您需要停止其他子弹才能使用.stop()获得所需的效果
$(this).stop(true, true).fadeOut(200, function () {
  $(this).css(\'backgroundPosition\', \'0 0\');
  $(this).stop(true, true).fadeIn(200);
});
    
        您可以使用布尔值检查当前是否在设置动画。
animating = false;

$(\'.something\').hover(function() {
    if(animating) {
        return;
    }
    animating = true;
    $(\'.other\').fadeOut(200, function() {
        animating = false;
    });
});
    

要回复问题请先登录注册