3

我在使用 on(); 分配了一个事件的元素解除绑定事件时遇到问题；

这是我的 JS：

    $(document).on('click','.reply-indicator a', function(e){
    e.preventDefault();
    var commentid = $(this).data('commentid');
    $.ajax({
        type: 'POST',
        url: '?category=getreplies',
        data:{
            "commentid" : commentid
        },
        success: function(data){
            $('.'+commentid+'subcomments').append(data);
        }
    });
    return false;
});

我已经尝试了所有我能想到的从元素中删除 click 事件的方法，我什至在每次迭代时都为每个元素分配了一个 id 属性，以便能够专门针对该元素，因为有几个：

$(document).off('click','#'+commentid+'indicator a');
$('#'+commentid+'indicator a').off();

$('#'+commentid+'indicator a').off('click');

$('#'+commentid+'indicator a').unbind('click');

但是即使我尝试将此代码放在 ajax 请求之前但事件在回调函数之后仍然有效，它也不会丢失回调函数中的事件。我是否试图正确定位它？

4

1 回答 1

3

尝试将一个类添加到您想要委托的元素，然后当您想要删除某些元素时，只需删除该类

//add delegate
$(document).on('click','.reply-indicator a.onclick', function(e){
...
//remove the class from the element so it no loger matches the delegate selector
$('#'+commentid+'indicator a').removeClass('onclick');

http://jsfiddle.net/jN7LG/2/

于 2012-10-20T03:35:41.017 回答