jquery - 如何立即执行功能？

Question

我有 10 个功能：

$("#one").mouseenter(function(){
$('#two,#three,#four,#five').fadeTo(700,0.2);
});
$("#one").mouseleave(function(){
$('#two,#three,#four,#five').fadeTo(700,1);
});


$("#two").mouseenter(function(){
$('#one,#three,#four,#five').fadeTo(700,0.2);
});
$("#two").mouseleave(function(){
$('#one,#three,#four,#five').fadeTo(700,1);
});

ETC...

如何让每个功能立即行动？目前，他们等待功能完成，然后再开始下一个功能。如果您在函数完成之前从 div 1 转到 div 2，这会导致混乱（例如）。

Answer 1

$("#one").stop().fadeTo()

的文档.stop，它会停止任何当前动画。

我也可能建议您使用类：

$(".thing").mouseenter(function () {
   $(".thing").not(this).stop().fadeTo(700, 0.2);
});