Jquery - 从元素中删除类后仍然有效

Question

我不知道它是否应该像这样,我做的事情根本就是错误的.

我有一个div给定的类,当你点击div它给出一个响应,但后来我有另一个div,当点击那个它从第一个删除该类div.

但是当我div在删除课程后继续点击第一个时,我会继续得到回复.

在我删除课程后,为什么点击会继续响应？

HTML

<div class="testing">Testing</div>

<div id="testing_remover">Remove class from testing</div>

JS:

$(document).ready(function(){
    $('.testing').click(function(){
        console.log('testing is active');
    });

    $('#testing_remover').click(function(){
        $('.testing').removeClass('testing');
    });
});

小提琴:http://jsfiddle.net/P3NpK/

Answer 1

事件处理程序绑定到元素,而不是选择器.

要删除处理程序,请使用.off():

$(".testing").off("click");

早于1.7的jQuery版本应该优先使用.unbind而不是.off.