jquery悬停动画排队

Question

当鼠标悬停在div之上时，我在使用jquery的动画功能时遇到了问题。

我要做的是当鼠标悬停在元素上时，它会放大它。这很好但是当你将鼠标快速移动到它上面时就会出现问题，所以我想发生的事情是动画还没有完成并且它会一直排队悬停。

我在下面的JSFiddle链接中包含了我的工作示例。

http://jsfiddle.net/hPeHG/

Answer 1

在添加新动画之前，您应该使用.stop(true)清除队列。

$('selector').stop(true).fadeOut(...);