javascript - MetisMenu 第三层总是折叠

Question

我正在使用 MetisMenu，当我在第三层菜单项上有一个链接时，一旦单击该链接，父菜单项就会全部折叠。

二级菜单 item 链接工作正常。

我的示例代码在这里:

<div class="navbar-default sidebar" role="navigation">

<div class="sidebar-nav navbar-collapse">

    <ul class="nav in" id="side-menu">

        <li>
            <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level collapse">
                <li><a href="/admin/index"> Works Correctly!</a></li>                   
                <li>
                    <a href="#">Third Level <span class="fa arrow"></span></a>
                    <ul class="nav nav-third-level">
                        <li><a href="/admin/layers/index"> DOES NOT WORK - ALWAYS COLLPOASE PARENTS</a></li>          
                    </ul>
                </li>

            </ul>
        </li>       

    </ul>

</div>

在这里输入代码

Answer 1

与上述类似的问题和类似的解决方案，仅添加添加类 active所有嵌套 <li> .这允许人字形右侧成为人字形向下。

var url = window.location;
var element = $('ul.nav a').filter(function () {
    return this.href == url;
});

if (element) {
    element.addClass('active').parents('#side-menu ul').addClass('in');
    element.parents('#side-menu li').addClass('active');
}