1

我正在使用 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();
});
4

3 回答 3

0

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

于 2018-03-29T09:38:58.647 回答
0

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

于 2017-05-19T18:37:22.323 回答
-1

尝试这个

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

或者你可以更喜欢小提琴

于 2017-05-15T08:15:28.977 回答