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

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

  解决办法:

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

  如:

  

复制代码 代码如下:

  if(!$(".content").is(":animated")){

  //元素不处于动画中执行。

  }