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

[清新如水]

<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>

[qq_36024132]

我也是，求帮助

[wo4366175]

想知道怎么动态加载这个菜单，有知道的吗？求教

[qq_33753332]

楼主你的问题解决了吗

[soonyolsd]

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

[璐屿丶]

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

[sbwfgihc]

有人解决这个问题了吗，

[aidejiushimi5201314]

以下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>