如何立即执行function？

我有10个function：

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

等等…

如何让每个function立即行动？ 目前他们在开始下一个function之前等待function完成。 如果你在function完成之前从div 1转到div 2会导致混乱 （例如）。

Answer 1

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

.stop文档 ，可以暂停任何当前动画。

我也可能建议您使用类：

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