Jquery 3级metisMenu项未展开回活动选择

我在metisMenu jquery库中使用以下引导导航侧栏：

<div id="Sidebar" class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
            <li>
                <a href="/Dashboard"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
            </li>
            <li>
                <a href='#'>
                    <i class='fa fa-calendar fa-fw'></i> Diary<span class='glyphicon arrow'></span>
                </a>
                <ul class='nav nav-second-level'>
                    <li>
                        <a href="/Diary/Index?diaryModeId=1">My Actions</a>
                    </li>

                </ul>
            </li>
            <li>
                <a href='#'>
                    <i class='fa fa-pie-chart fa-fw'></i> MI<span class='glyphicon arrow'></span>
                </a>
                <ul class='nav nav-second-level'>
                    <li>
                        <a href="/MI/EntityStatus">Entity Status</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href='#'>
                    <i class='fa fa-cogs fa-fw'></i> Administration<span class='glyphicon arrow'></span>
                </a>
                <ul class='nav nav-second-level'>

                    <li>
                        <a href='#'>
                            Question Admin<span class='fa plus-minus'></span>
                        </a>
                        <ul class='nav nav-third-level'>

                            <li>
                                <a href="/Rule/Index">Business Rules</a>
                            </li>
                            <li>
                                <a href="/Question/Index">Question Bank</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href='#'>
                            User Admin<span class='fa plus-minus'></span>
                        </a>
                        <ul class='nav nav-third-level'>
                            <li>
                                <a href="/User/Index">Users</a>
                            </li>
                            <li>
                                <a href="/Team/Index">Teams</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

---

“级别1”和“级别2”选择可以很好地使用菜单折叠，然后重新选择“选定菜单”选项。当我选择一个3级项目（如题库）时，菜单会折叠，但不会重新选择。我还有别的事要做吗？我的html标记正确吗？

对于第三级菜单项（或任何一级菜单项），您需要确保其所有祖先

li

项都有

class=“active”

我也有同样的问题！

$(function () {

    $('#side-menu').metisMenu();

});