JQuery:removeClass()后单击功能仍然有效

Question

我正在尝试在类上启用事件监听器，但它不起作用

DOM 元素:

<button class="btn btn-warning shopping"> Shop </button>

这是 Javascript 事件监听器:
函数完成后，它会删除 .shopping，因此事件不再触发。

$('.shopping').click(function(e){
    var that = this;
    alert( $(that).attr('class')); //btn btn-warning shopping

    //Ajax request
    $.get('processShopping.php', function(data){
    if(data == "success"){
        if($(that).hasClass('shopping')){
            $(that).removeClass('shopping');
            alert( $(that).attr('class'));//btn btn-warning
        }
    }
    });
});

购物类别已被删除，但操作仍会触发!

Answer 1

为此，您需要使用事件委托(delegate)，

$('body').on('click', '.shopping', function(e){

在上面的代码中，我使用了 body 作为示例，但您必须在其上使用静态最接近元素。