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

你可以使用hasClass()来检查挥杆类的存在（注意我还删除了不必要的双重初始化）：

http://jsbin.com/onemix/8

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

http://jsbin.com/onemix/9