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类时，它会启动动画。

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

1 个答案: