これをjQueryのイベントにバインドするにはどうすればいいですか？

Question

これをjQueryのイベントにバインドするにはどうすればよいですか？

例えば、以下push menuのために、私はvar rootへthis 'を思い出す' する必要があります。

class PushMenu { 
    constructor() { 
     this.slideShown = false; 
     var root = this; 
     $('.navmenu').on('shown.bs.offcanvas', function() { 
      root.slideShown = true; 
     }); 
    } 
} 

しかし、私はそう、私はvar rootを持つ保存することができますthisをバインドすることができる場合、私は疑問に思う：

class PushMenu { 
    constructor() { 
     this.slideShown = false; 
     $('.navmenu').on('shown.bs.offcanvas', function() { 
      this.slideShown = true; 
     }); 
    } 
} 

これは可能ですか？

Answer 1

あなたはので、私はES6構文を想定ES6クラスを使用しているarrow function

$('.navmenu').on('shown.bs.offcanvas',() => { 
    this.slideShown = true; 
}); 

Answer 2

使用jQuery.proxy()

機能を取り、常に特定のコンテキストを持つことになり、新しいものを返します。

class PushMenu { 
    constructor() { 
     this.slideShown = false; 
     $('.navmenu').on('shown.bs.offcanvas', jQuery.proxy(function() { 
      this.slideShown = true; 
     }, this)); 
    } 
} 

これへの参照がPushMenuのオブジェクトの代わりに、イベントをトリガした要素を参照するように、我々はここでjQuery.proxyを使用することもできました。

ドキュメント

• jQuery Proxy Usage
• Controlling value of this