javascript - .removeClass 不起作用 addClass 是如何工作的？

Question

请原谅我是个菜鸟，但这不应该有用吗？

$(document).ready(function() {
    $('.button').click(function() {
       $(this).addClass('button-clicked');
    });

    $('.button-clicked').click(function() {
        $(this).removeClass('button-clicked');
    });

});

第二次点击不应该删除类并将其带回 .button 吗？

在 jsfiddle 上:http://jsfiddle.net/pXdwM/

Answer 1

不，因为在您调用第二个 click() 时按钮没有“.button-clicked”，因此没有分配事件处理程序。你可以这样重写它

$('.button').click(function() {
   $(this).toggleClass('button-clicked');
});

或者使用live()

$('.button-clicked').live("click", function() {
    $(this).removeClass('button-clicked');
});