从排队停止jQuery动画？

编辑17/2/14：我试图使用.toggle JQuery函数来解决这个问题，但它似乎没有与我目前的设置一起工作。我一直在Chrome的开发控制台中关注它，它在尝试执行时几乎没有任何问题。下面是更新后的代码：从排队停止jQuery动画？

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

OLD：

我试图去出现，其各自的图像映射区的一个独特的工具提示>徘徊，但是当涉及到他们的动画来淡入淡出或滑入时，它们可以一个接一个地排队和动画，如果很多是一次徘徊，或者根本没有动画，则在图像映射后面剪切。

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

悬停在：1 悬停在：2 鼠标悬停：3 鼠标悬停：4 悬停在：（ '除去'）5

$ .mouseover（function（）{（$（this）.attr（“data-ref”））。show（）; }）; （'。remove'）。mouseout（function（）{ $（$（this）.attr（“data-ref”））。hide（）; }）;

来源

2014-02-14 J. Watkins

尝试'$（$（本）.attr（“数据 - ref）））。stop（true）.fadeIn（）;'和'$（$（this）.attr（“data-ref”））。stop（true）.fadeOut（）;' –

我似乎仍然遇到几个div一个接一个地衰落而没有中断在动画演出之间，或者根本没有演奏。 –

使用.stop(true,true

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

.data()

.fadein()

来源

2014-02-14 16:43:35

这似乎工作得最好。我仍然在将动画叠加起来，但是我会尝试和停止值一起玩，看看我能不能找到工作。 –

另外：.data（“ref”）似乎不起作用。 .data是否按照我的属性插入连字符？我将它改回.attr（“data-href”）并没有问题。 –

就这样做：

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

来源

2014-02-14 16:44:05

从排队停止jQuery动画？

回答

相关问题