.on（）イベントハンドラの前に確認ダイアログチェックを追加します。

Question

jqueryの.on（ "click"）イベントに対してハンドラが実行される前に確認ダイアログチェックを追加しようとしています。これは、元のです：私が試した

$(this.var_mainSelector).on("click", 
    this.var_acceptOfferSelector, 
    this.onAcceptOffer 
); 

：事前に

$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, 
    function() { 
     var test = confirm("are u sure?"); 
     if(test) { 
      this.onAcceptOffer 
     } 
    } 

ありがとう！

Answer 1

）;閉包自体が新しい「this」を定義するので、this.onAcceptOfferはもう定義されません。

ソリューション

1）functionを使用しないでください）自己に

var self = this; 
$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, function(evt) { 
    var test = confirm("are u sure?"); 
    if(test) { 
     self.onAcceptOffer.call(this, evt); 
    } 
}); 

2を、これを保存します。代わりに()=>

$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, (evt)=>{ 
    var test = confirm("are u sure?"); 
    if(test) { 
     this.onAcceptOffer.call(null, evt); // original "this" (the clicked element) is lost 
    } 
}); 

矢印関数を使用します（ "（）=>"））あなたが関数 `self.onAcceptOfferを（呼び出す必要が機能