Javascript Jquery事件不断堆积并赢得'；直到上一个事件结束，才能开始

下面的代码基本上将contact类中的所有图像淡入70%，然后当悬停时，其不透明度将更改为100%。如果您开始悬停在多个图像上或发生多个悬停事件，则会堆叠所有事件，直到前一个事件完成后才开始下一个事件

$(".contact img").fadeTo("slow", 0.7); 
$(".contact img").hover(function(){
    var titleID = $(this).attr('id');
    $("#" + titleID).fadeTo("fast", 1); 
},function(){
    var titleID = $(this).attr('id');
    $("#" + titleID).fadeTo("slow", 0.7); // This sets the opacity back to 60% on mouseout
});

我们将非常感谢您的任何帮助

---

谢谢

动画正在排队。如果要中止当前动画，请调用：

---

正如@Richard在他的评论中提到的，似乎您可以使用

$（this）

。您要做的是获取当前元素的ID，然后让jQuery使用选择器查找该元素。但是您已经有了对元素的引用…

只是想知道，为什么您不直接执行

$（this）.fadeTo（“fast”，1）？@trojanfoe:您必须更频繁地刷新页面；）
$(this).stop().fadeTo("fast", 1);