CollapseSidebarが機能

Question

私はプロジェクトのためのスクリプトを書いてい

ではない、それが崩壊またはhamdurgerのアイコンをクリックの上にサイドバーを開くための機能を持っていますが、私はクリックしたときに、それは私は以下の通りです

TypeError: this.CollapseSidebar is not a function

エラー提供します私のコード：

(function($) { 
    'use strict'; 
    var Prtm = { 
     Constants: { 
      LEFTMARGIN:'315px', 
      COLLAPSELEFTMARGIN: '63px', 
     }, 
     PrtmEle:{ 
      BODY: $('body'), 
      SIDEBAR: $('.prtm-sidebar'), 
      SIDENAV: $('.sidebar-nav'), 
      MAIN: $('.prtm-main'), 
      HEADER: $('.prtm-header'), 
      CONTENTWRAP: $('.prtm-content-wrapper'), 
      CONTENT: $('.prtm-content'), 
      PRTMBLOCK: $('.prtm-block'), 
      FOOTER: $('.prtm-footer'), 
      HAMBURGER: $('.prtm-bars'), 
     }, 
     Init:function(){ 
      this.BindEvents(); 
     }, 
     BindEvents:function(){ 
      this.PrtmEle.BODY.on('click',this.PrtmEle.HAMBURGER,function(){ 
       this.CollapseSidebar(); 
      }); 
     }, 
     CollapseSidebar: function(){ 
      this.PrtmEle.HAMBURGER.toggleClass("prtm-sidebar-closed is-active"); 
      this.PrtmEle.BODY.toggleClass("prtm-sidebar-closed is-active"); 
      this.PrtmEle.SIDEBAR.toggleClass('collapse'); 
     }, 
    }; 
    Prtm.Init(); 
})(jQuery); 

私はそれが正常に動作this.CollapseSidebarPrtm.CollapseSidebarに変更。私がここで間違っていること、それがどのように解決できるのか？

Answer 1

なぜ機能しないのですか？function（）は、のをバインドしているためです。あなたが行うことができます

ことの一つは結合しないArrow functionを使用することです独自のthis - このような：

BindEvents:function(){ 
    this.PrtmEle.BODY.on('click',this.PrtmEle.HAMBURGER,() => { 
     this.CollapseSidebar(); 
    }); 
} 

インサイドあなたの機能thisがwindowを参照しますクリック - ので、どちらかあなたが作成することができますそれは作品

BindEvents:function() { 
    let $this = this; 
    this.PrtmEle.BODY.on('click',this.PrtmEle.HAMBURGER,function() { 
     $this.CollapseSidebar(); 
    }); 
}