Question

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

OLD：

我正在尝试为每个＆gt;的图像映射区域显示一个独特的工具提示。然而，当它涉及动画它们褪色或滑入时，它们要么一个接一个地排队和动画，如果有很多一次悬停，或者根本没有动画，则在图像映射后面剪切。

这是我的代码。我宁愿不改变加价：

悬停：1      悬停：2      悬停：3      徘徊：4      悬停：5

$（ '除去'）。鼠标悬停（函数（）{      $（$（本）.attr（ “数据REF”））示出了（）。      }）;

$（ '除去'）。鼠标移开（函数（）{      $（$（本）.attr（ “数据REF”））隐藏（）;      }）;

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

从排队中停止jQuery动画？

2 个答案: