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()을 사용하고 이벤트의 네임 스페이스입니다. 이름 공간에서 이벤트를 제거하면 ... bind() 및 unbind()이되지 않습니다 같은 이벤트의 다른 청취자

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

주를 방해하는 대신 on() 및 off(0를 사용하지 않습니다.

더 좋은 방법은 페이지로드에 한번 위임하고