animate.css で何回もアニメーションさせたいがremoveClass()でうまく行かなかった話

function doSomething(elem){
  elem.removeClass('animated bounceIn').addClass('animated bounceIn');
}

で doSomething() を呼び出すたびにアニメーションさせようとしてもできなかった。

elem.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
  elem.removeClass('animated bounceIn');
});
elem.addClass('animated bounceIn');

とする必要があるらしい。

長ったらしいので

animate.js

var animate = {
  do: function(elem, type){
    elem.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
      elem.removeClass('animated '+ type);
    });
    elem.addClass('animated '+ type);
  }
}

というの作って animate.do(elem, 'bounceIn') で呼び出せるようにして解決した