Javascript 向已具有相同类的元素添加类的问题

我尝试使用以下代码将动画类添加到on 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');

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

---

当动画结束时，使用此代码删除

动画类。这应该适合您：

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

当再次添加
动画
类时，它会导致启动动画。
请提供包含css的简单演示。我们不知道会产生什么效果，或者需要什么重置。删除和添加类将不起作用，因为您的fadeIn动画（可能）来自某个插件，该插件在文档准备就绪时运行一次。如果您需要我们的帮助，请给我们更多的代码。您好，谢谢您的回复。这里有一个演示：我在时间范围内猜到了，您可以这样做吗