向已经具有相同类的元素添加类的问题答案

【问题标题】：Issue on Adding Class to Element which already Had same Class向已经具有相同类的元素添加类的问题
【发布时间】：2014-05-16 20:02:07
【问题描述】：

我正在尝试使用以下代码在 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

【问题讨论】：

请提供包含 css 的简单演示。我们不知道你需要什么效果或重置
删除和添加类将不起作用，因为您的淡入淡出动画（可能）来自某个在文档准备好时运行一次的插件。如果您希望我们提供帮助，请给我们更多代码。
您好，感谢您的回复这是一个演示：jsfiddle.net/Behseini/GUMx5
可以这样jsfiddle.net/GUMx5/1我猜在时间范围内

标签： javascript jquery css jquery-animate css-animations

【解决方案1】：

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

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

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

【讨论】：