多次点击功能在不重新加载页面的情况下不起作用

More than one time click function is not working without reload the page

本文关键字：加载 不起作用 情况下 新加载 功能      更新时间：2023-09-26

  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/

看看这个

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

问题是你没有删除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)
        });
    });
相关文章：