unbind和off在调用ajax-Jquery之前没有工作

Question

我在.btn-confirm

中有一个类MasterLayout (ASP.NET MVC)和handel点击事件的元素

$(document).on('click', '.btn-confirm', function () {
    $.ajax({
        url: $('#url').data('deleteurl'),
        type: "POST",
        data: { code: $('.btn-confirm').data('code') },
        success: function (data) {
                ShowMessage(data.message, 'success');
        },
        error: function (responce) {
            ShowMessage('error', 'error');
        }
    });
});

我希望在其他页面中覆盖此事件，如下所示：

 $('.btn-confirm').unbind('click');
    $('.btn-confirm').off('click');
  $(document).on('click', '.btn-confirm', function () 
{
    ...}

但是当我点击按钮时，运行两个函数，我想要禁用第一个事件句柄。

我使用了unbind和off，但它不起作用。

Answer 1

如果您在document上绑定了该事件，则必须在document

上取消绑定该事件

$(document).off('click', '.btn-confirm');
$(document).on ('click', '.btn-confirm', ...new function...