停止 jQuery 动画排队？

Question

编辑 17/2/14：我尝试使用 .toggle JQuery 函数来解决此问题，但它似乎不适用于我当前的设置。我一直在 Chrome 的开发控制台中密切关注它，当它尝试执行时它实际上什么也没做。这是更新的代码：

$(document).ready(function(){ 
$(".remove").toggle(function() { 
                 $($(this).attr("data-ref")).stop(true,true).fadeIn();
                  },
                   function() { 
                 $($(this).attr("data-ref")).stop(true,true).fadeOut();
                });
});

旧：

我正在尝试为每个悬停的图像地图区域显示一个独特的工具提示，但是当它们动画淡入或滑入时，它们要么一个接一个地排队并动画，剪辑在后面如果一次悬停了很多图像，或者根本没有动画。

这是我的代码。我宁愿不更改标记：

悬停在：1 悬停：2 悬停：3 悬停：4 悬停在：5

$('.remove').mouseover(function(){ $($(this).attr("data-ref")).show(); });

$('.remove').mouseout(function(){ $($(this).attr("data-ref")).hide(); });

Answer 1

使用.stop(true,true

$($(this).data("ref")).stop(true,true).fadeIn();

.data()

.fadein()

Answer 2

就这样做吧：

$('.remove').mouseover(function(){
$($(this).attr("data-ref")).stop();
$($(this).attr("data-ref")).show();
});

$('.remove').mouseout(function(){
$($(this).attr("data-ref")).stop();
$($(this).attr("data-ref")).hide();
});