Отключить события от обработчика jQuery

Question

Я пытаюсь обойти старую систему и по существу захватить кнопку отправки при некотором условии, применить обработчик к ней, а затем отвязать этот обработчик, когда закончите. Я использую bind и unbind, но событие связывается кумулятивно каждый раз, когда я запускаю форму, о которой идет речь.

class MyForm(){ 
    constructor(){ 
     // button in question 
     this.$submit = $('#submit'); 

     this.$submit.bind('click', this.submit.bind(this)); 
     return this; 
    } 

    submit(){ 
     return this.doAjaxStuff(); 
    } 

    doAjaxStuff(){ 
     var self = this; 
     return $.post(file, data).always(function(){ 
       self.$submit.unbind('click', self.submit); 
     }); 
    } 
} 

К сожалению, каждый раз, когда я создаю новый MyForm событие связано еще раз, но никогда не несвязанными.

Answer 1

Простым исправлением является использование off() первых и пространство имен вашего события. Удаление пространства имён событие не будет мешать другим слушателям же события

this.$submit.off('click.special').on('click.special', this.submit.bind(this)); 

Обратите внимание, что bind() и unbind() устаревшими .. использовать on() и off(0 вместо этого.

Лучше было бы делегировать это один раз при загрузке страницы, а не продолжать называть один и тот же класс