2017-05-15 45 views
1

我正在開發與gentelella管理面板的angularJS應用程序。我有一些問題。如果你能幫助我。gentelella角度管理面板 - gentelella切換菜單和側邊欄點擊事件不起作用

<div class="nav toggle"> 
    <a href="javascript:;" id="menu_toggle"><i class="fa fa-bars"></i></a> 
</div> 

這是html代碼片段。但切換不起作用。我檢查了所有加載的js文件。那裏我發現了 $MENU_TOGGLE.on('click') 但它並沒有發射。

編輯 從gentelella這個代碼/ custom.js

var $MENU_TOGGLE = $('#menu_toggle'); 
$MENU_TOGGLE.on('click', function() { 
     console.log('clicked - menu toggle'); 

     if ($BODY.hasClass('nav-md')) { 
      $SIDEBAR_MENU.find('li.active ul').hide(); 
      $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active'); 
     } else { 
      $SIDEBAR_MENU.find('li.active-sm ul').show(); 
      $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm'); 
     } 

    $BODY.toggleClass('nav-md nav-sm'); 

    setContentHeight(); 
}); 

回答

-1

試試這個

<a href="javascript:;"id="menu_toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bars"></i></a> 

或者你也可以喜歡fiddle

0

確保你對正確的腳本頁。原始腳本。我刪除了一個腳本,並停止工作。