JQuery. Не отпереть мой .On click event

Question

Я пытаюсь развязать click без успеха.

идея заключается в том, что при вызове метода doUnbind() он должен отвязать click событие, однако это всегда приводит меня в «On` событие

$(document).ready(function() { 
    $('#activeListing tbody').on('click', 'button.update', function() { 
     alert('clicked'); 
    }); 
} 

function doUnbind() { 
    $('#activeListing tbody').off('click', 'button.update', function() { 
     // should unbind but not working 
    }); 
} 

Answer 1

Вы пытаетесь удалить функцию, которая не добавляется. Вам нужно использовать именованную функцию, чтобы вы могли указать jQuery, какую функцию удалить.

function addClick() { 
    alert('clicked'); 
} 

$(document).ready(function() { 
    $('#activeListing tbody').on('click', 'button.update', addClick); 
} 

function doUnbind() { 
    $('#activeListing tbody').off('click', 'button.update', addClick); 
} 

Вы также можете удалить все обработчики событий сразу, но убедитесь, что вы на самом деле хотите, чтобы сделать это:

function doUnbindAll() { 
    $('#activeListing tbody').off('click', 'button.update'); 
} 

Answer 2

Использование имен событий:

$(document).ready(function() { 
    $('#activeListing tbody').on('click.update', 'button.update', function() { 
     alert('clicked'); 
    }); 
} 

function doUnbind() { 
    $('#activeListing tbody').off('click.update'); 
}