如果不重新加载页面，则多次单击功能无法正常工作

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

检查出来

$("#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/

Answer 2

问题是您没有删除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)
        });
    });