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>

或者你可以选择fiddle

gentelella angular admin panel - gentelella切换菜单和侧边栏点击事件无效

3 个答案: