Javascript 动态添加的类上的JQuery不是选择器

Javascript 动态添加的类上的JQuery不是选择器,javascript,jquery,Javascript,Jquery,我想在like按钮上添加一个click事件。单击后,我想添加一个名为active的类。当元素具有此类时,我不希望触发click事件 为什么这个日志每次都“点击”,而不仅仅是第一次 像我一样 $(“.rate.vUp”)。不(“.active”)。单击(函数(){ log(“单击!”); $(此).addClass(“活动”); 返回false; }); 使用.off() 您可以使用.off() 您可以使用.off() 您可以使用.off() 这是因为,DOM在运行时会更改,而JS不会更改。您

我想在like按钮上添加一个click事件。单击后,我想添加一个名为active的类。当元素具有此类时,我不希望触发click事件

为什么这个日志每次都“点击”,而不仅仅是第一次


像我一样
$(“.rate.vUp”)。不(“.active”)。单击(函数(){
log(“单击!”);
$(此).addClass(“活动”);
返回false;
});

使用
.off()


您可以使用
.off()


您可以使用
.off()


您可以使用
.off()


这是因为,DOM在运行时会更改,而JS不会更改。您需要一个活动方法,或者更好的方法,删除按钮上的单击处理程序,如下所示:

$(".rate .vUp").click(function(event){
    console.log("click!");
    $(this).addClass("active");
    $(event.currentTarget).unbind("click");
    event.preventDefault();
    return false;
});

请看这里

这是因为,DOM在运行时会发生更改,而JS不会。您需要一个活动方法,或者更好的方法,删除按钮上的单击处理程序,如下所示:

$(".rate .vUp").click(function(event){
    console.log("click!");
    $(this).addClass("active");
    $(event.currentTarget).unbind("click");
    event.preventDefault();
    return false;
});

请看这里

这是因为,DOM在运行时会发生更改,而JS不会。您需要一个活动方法,或者更好的方法,删除按钮上的单击处理程序,如下所示:

$(".rate .vUp").click(function(event){
    console.log("click!");
    $(this).addClass("active");
    $(event.currentTarget).unbind("click");
    event.preventDefault();
    return false;
});

请看这里

这是因为,DOM在运行时会发生更改,而JS不会。您需要一个活动方法,或者更好的方法,删除按钮上的单击处理程序,如下所示:

$(".rate .vUp").click(function(event){
    console.log("click!");
    $(this).addClass("active");
    $(event.currentTarget).unbind("click");
    event.preventDefault();
    return false;
});
请参见此处

您还可以使用hasClass()方法获得一个工作示例:

$(".rate .vUp").click(function(){
    if (!$(this).hasClass("active")) {        
        console.log("click!");
        $(this).addClass("active");
        event.preventDefault();
        return false;
    }
});
请参见

您也可以使用hasClass()方法来获得一个工作示例:

$(".rate .vUp").click(function(){
    if (!$(this).hasClass("active")) {        
        console.log("click!");
        $(this).addClass("active");
        event.preventDefault();
        return false;
    }
});
请参见

您也可以使用hasClass()方法来获得一个工作示例:

$(".rate .vUp").click(function(){
    if (!$(this).hasClass("active")) {        
        console.log("click!");
        $(this).addClass("active");
        event.preventDefault();
        return false;
    }
});
请参见

您也可以使用hasClass()方法来获得一个工作示例:

$(".rate .vUp").click(function(){
    if (!$(this).hasClass("active")) {        
        console.log("click!");
        $(this).addClass("active");
        event.preventDefault();
        return false;
    }
});

请参见尝试使用以下代码:

$(".rate .vUp").click(function(){
    if($(this).hasClass("active")){
        return false;
    }else{
        console.log("click!");
        $(this).addClass("active");
    }             
});

请尝试使用以下代码:

$(".rate .vUp").click(function(){
    if($(this).hasClass("active")){
        return false;
    }else{
        console.log("click!");
        $(this).addClass("active");
    }             
});

请尝试使用以下代码:

$(".rate .vUp").click(function(){
    if($(this).hasClass("active")){
        return false;
    }else{
        console.log("click!");
        $(this).addClass("active");
    }             
});

请尝试使用以下代码:

$(".rate .vUp").click(function(){
    if($(this).hasClass("active")){
        return false;
    }else{
        console.log("click!");
        $(this).addClass("active");
    }             
});