jquery，css3动画和时间问题

Question

我有几个图像应该在悬停时执行一个简短的动画。

这是我用来给他们悬停的动画类，并在动画时间结束后删除它。

$('.box').on('mouseenter',function(){ 
    var box = $(this); 

    $(box).addClass('swing'); 

    setTimeout(function(){ 
     $(boxen).removeClass('swing'); 
    },2000); 

}); 

问题是，这是相当多的错误。检查出http://jsbin.com/onemix并将它们悬停几次，您就会看到问题所在。

我想我需要检查他们是否在动画时悬停触发，以避免新的超时。

有什么建议吗？

Answer 1

你可以检查存在摆动类beeing使用hasClass()（请注意，我也去掉了不必要的双重初始化）：

http://jsbin.com/onemix/8

而且它可能是最好不要使用setTimeout的，但适当的动画结束事件：

http://jsbin.com/onemix/9