gentelella 角度管理面板 - gentelella 切换菜单和侧边栏单击事件不起作用答案

【问题标题】：gentelella angular admin panel - gentelella toggle menu and sidebar click event not workinggentelella 角度管理面板 - gentelella 切换菜单和侧边栏单击事件不起作用
【发布时间】：2017-10-13 22:23:39
【问题描述】：

我正在使用 gentelella 管理面板在 angularJS 上开发应用程序。我有一些问题。

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

这是 html sn-p。但切换不起作用。我检查了所有加载的 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();
});

【问题讨论】：

标签： javascript angularjs angular gentelella

【解决方案1】：

确保页面上有正确的脚本。原始脚本。我删除了一个脚本，但它停止了工作。

【讨论】：

【解决方案2】：

检查 cdn 和 jquery 文件的加载顺序...将其从布局默认值的底部移动到顶部对我有帮助

【讨论】：

【解决方案3】：

试试这个

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

或者你可以更喜欢fiddle

【讨论】：