jQuery - 无法删除类

Question

我似乎无法删除类'foo',我不明白为什么.当用户点击.foo时,jQuery会删除.foo.乍一看它似乎工作,因为文本不再是红色.但是,单击.foo几次将导致警报框出现,因此意味着.foo尚未完全删除.我不明白为什么会这样.

jQuery的:

$(document).ready(function() {
    $('.foo').click(function() {
        $(this).removeClass('foo');
        alert('Class .foo should have been removed. Why is this alert still appearing?');
    });             
});?

HTML:

<p class="foo">foo</p>?

CSS:

.foo { color: red; }?

http://jsfiddle.net/Nvrp8/

Answer 1

您需要取消绑定单击侦听器.

http://jsfiddle.net/Nvrp8/2/

$(document).ready(function() {
    $('.foo').click(function() {
        $(this).removeClass('foo');
        alert( 'Class .foo should have been removed. Why is this alert still appearing?' );     
        $(this).unbind('click');        
    });             
});?