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

Question

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

 <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();
});

Answer 1

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

Answer 2

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

Answer 3

尝试这个

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

或者你更喜欢小提琴