多次点击功能不工作，无需重新加载页面

Question

1. 点击功能工作正常。

2. 但是，如果我们单击手img不止一次，页面重新加载时不起作用，下面是代码。

   $(document).ready(function(){ 
       $("#container .like a img").click(function(){ 
        $("#container .balloons a img").addClass("anima"); 
        }); 
       }); 
   

3. 我想多点击就会工作，请解决问题。

4. 这里是小提琴：http://jsfiddle.net/vamsivelaga/n3no4759/

Answer 1

的问题是，你不删除anima类。您可以使用setTimeout功能来做到这一点：

$(document).ready(function(){ 
    $("#container .like a img").click(function(){ 
     $("#container .balloons a img").addClass("anima"); 
     setTimeout(function() { 
      $("#container .balloons a img").removeClass("anima"); 
     }, 500) 
     }); 
    }); 

Answer 2

检查了这一点

$("#container .like a img").on("click", function(){ 
    $("#container .balloons a img").addClass("anima").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend' , function(event){ 
     $(this).removeClass("anima"); 
    }); 

}); 

这里的工作解决方案

http://jsfiddle.net/muhaimincs/n3no4759/14/