javascript - 将类添加到已经具有相同类的元素的问题

Question

我正在尝试使用以下代码向 div 添加动画类，并在每次点击时重复结果:

$(document).ready(function(){
  $("#1").on("click",function(){

    $('#layer1').addClass('animated fadeInLeft');
    //  $('#layer1').removeClass('animated fadeInLeft');

  });
      $("#2").on("click",function(){

    $('#layer1').addClass('animated fadeInLeft');

  });
});

但似乎这个过程只发生了一次，我什至无法从另一个调用中添加动画 fadeInLeft 类。我也试过用

$('#layer1').removeClass('animated fadeInLeft');

每次添加类后，它也不起作用。每次动画后如何重置动画？

DEMO

Answer 1

使用此代码在动画结束时删除 animated 类。这应该适合你:

$("#layer1").bind("animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd", function() {
    $(this).removeClass("animated");
})

当再次添加animated类时会导致开始动画。