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

Question

我想在“赞”按钮上添加点击事件。单击时我想添加一个名为 active 的类。当元素具有此类时，我不希望触发单击事件。

为什么这个日志会“被点击!”每次而且不仅仅是第一次？

http://jsfiddle.net/M5MRQ/

<div class="vote">
    <a class="vUp">Like me</a>
</div>

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

Answer 1

那是因为，你的 DOM 在运行时改变，但你的 JS 却没有。您需要一个实时方法，或者更好的是，删除按钮上的单击处理程序，如下所示:

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

看这里http://jsfiddle.net/M5MRQ/7/