animate.css:重复动画

我正在使用animate.css做一些动画.如果发生错误,该元素应该弹跳:

$target.addClass('animated bounce');

这很好用.但是如果用户做同样的事情,就不会有第二个动画,因为已经添加了类.

所以我尝试在动画之后删除类,如下所示:

$target.addClass('animated bounce');
setTimeout(function(){
    $target.removeClass('animated bounce');
}, 1000);

我的问题是,如果这是应该怎么做(我不知道动画有多长),还是有另一种重复动画的解决方案？

你需要这样做:

$('#target').removeClass().addClass('bounce animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
    $(this).removeClass();
});

$('#target') 在这种情况下,您的元素的ID,根据您的需要更改.