jquery - Jquery attr() 第二次不工作

Question

jQueryattr()第二次不工作， editAsk事情正常但editDone不工作。editDone属性出现在 的过程之后.editAsk。

    $('.editAsk').on('click', function(){
        var $this = $(this);
        $this.attr('class', 'callEdit editDone');
    });
    $('.editDone').on('click', function(){
        var $this = $(this);    
        $this.attr('class', 'callEdit editAsk');
    });

Answer 1

以这种方式使用委托：

$(document).on('click', '.editAsk', function(){
    var $this = $(this);
    $this.attr('class', 'callEdit editDone');
});
$(document).on('click', '.editDone', function(){
    var $this = $(this);    
    $this.attr('class', 'callEdit editAsk');
});

这样做，将允许您将事件处理程序委托给现有元素，或将在 DOM 中添加/修改的任何未来元素。

您可以在此处阅读有关事件委托的更多信息on

Answer 2

$('.callEdit').on('click.doSmth', function(){
    var $that = $(this);
    if ($that.hasClass('editAsk')) {
        // do smth
    } else {
        // do smth else
    }
    $that.toggleClass('editAsk editDone');
});

一个事件，无需使用委托。只是另一种方法。