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を使用しません。

より良いアプローチは、私が特に `唯一の私は、` `（this.submit）を定義したハンドラのために呼び出されることにoff`が必要