多次點擊功能不工作，無需重新加載頁面

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/