jquery防止重复执行动画避免页面混乱

最近开发前台页面的时候遇到一个问题。juery时候mouseover……或者其他事件，发现鼠标滑动过快导致动画重复执行，以至于页面乱了。

解决办法：

可以先判断一下元素是否处于动画中。
如：

. 代码如下:

if(!$(".content").is(":animated")){
//元素不处于动画中执行。
}