metismenu 动态菜单 点击菜单时就缩回去了怎么办

Question

<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element" style="padding-left: 50px;">
                        <span>
                            <img alt="image" class="img-circle" src="${ctx}/static/img/small.png"/>
                        </span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">
                                <span class="profi le-info">
                                    <shiro:principal property="name"/>
                                </span>
                                <b class="caret"></b></strong>
                             </span> </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a href="/profile">个人中心</a></li>
                        <li class="divider"></li>
                        <li><a href="/register">测试新增</a></li>
                        <li class="divider"></li>
                        <li><a href="${ctx}/logout">退出</a></li>
                    </ul>
                </div>
                <div class="logo-element">
                    农
                </div>
            </li>
            <li id="首页">
                <a href="${ctx}/dashboard"><i class="fa fa-th-large"></i> <span class="nav-label">首页</span></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-user"></i> <span class="nav-label">用户管理</span><span class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li class="active"><a href="${ctx}/admin/user/list/page/1">用户列表</a></li>
                    <li><a href="${ctx}/tabMember/list/page/1">APP用户</a></li>
                    <li><a href="${ctx}/admin/user/list/page/1">角色管理</a></li>
                    <li><a href="${ctx}/admin/user/list/page/1">权限管理</a></li>
                </ul>
            </li>

Answer 1

把js贴出来看看，这里肯定是js控制的

Answer 2

我也遇到这个问题了。一级菜单没问题，但是二级菜单会关闭。这个还是根据跳转去加的active。
代码如下：
 $('ul.main-menu li a').each(function () {
        if ($($(this))[0].href == String(window.location))
            $(this).parent().addClass('active');
    });求大牛帮助

Answer 3

以下JS可以解决菜单被缩回去的问题
<script>
    $("#metismenu").metisMenu();
    $(document).ready(function () {
        var path = location.pathname;
        $(".sub-menu").removeClass("active");
        $(".sub-menu > li a").removeClass("active");
        var anchor = $("a[href^='" + decodeURI(path) + "']");
        anchor.addClass("active");
        var expand = function (el) {
            if (el && el.length > 0) {
                var ul = el.parent().closest("ul");
                if (ul && ul.length > 0) {
                    ul.attr("aria-expanded", "true").removeClass("collapse");
                    ul.prev("a").attr("aria-expanded", "true").addClass("active");
                }
                expand(ul);
            }
        };        expand(anchor);
        $("#metismenu").metisMenu();
        $(".sidebar-title").click(function () {
            var thiz = $(".sidebar-menu");
            var display = thiz.css("display");
            var fa = $(this).find("i.fa");
            var faDisplay = fa.css("display");
            if (faDisplay != "none") {
                if (display == "none") {
                    thiz.slideDown();
                    fa.addClass("fa-angle-up").removeClass("fa-angle-down");
                } else {
                    fa.addClass("fa-angle-down").removeClass("fa-angle-up");
                    thiz.slideUp();
                }
            }
        });
    });
</script>