jquery - MVC4 侧边栏事件元素？

Question

大家好，我有一个问题，我正在使用一个模板，它有一个像这样的侧边栏菜单

问题如您所见，当我单击组件时它正在打开，但是当我单击其中的网格时，它正在关闭我不希望它关闭它应该保持打开状态。当我将它作为 html 启动时它正在工作，但在 mvc 中它不起作用。是关于“回发”吗？如果是，我该如何解决。非常感谢。

好的，这是代码

<div id="container" class="row-fluid">
    <!-- BEGIN SIDEBAR -->
    <div id="sidebar" class="nav-collapse collapse">
        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
        <div class="sidebar-toggler hidden-phone"></div>
        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

        <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
        <div class="navbar-inverse">
            <form class="navbar-search visible-phone">
                <input type="text" class="search-query" placeholder="Search" />
            </form>
        </div>
        <!-- END RESPONSIVE QUICK SEARCH FORM -->
        <!-- BEGIN SIDEBAR MENU -->
        <ul class="sidebar-menu">
            <li class="has-sub active">
                <a href="javascript:;" class="">
                    <span class="icon-box"> <i class="icon-dashboard"></i></span> Dashboard
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li class="active"><a class="" href="@Url.Action("About","Home")">Dashboard 1</a></li>
                    <li><a class="" href="@Url.Action("Contact","Home")">Dashboard 2</a></li>

                </ul>
            </li>
            <li class="has-sub">
                <a href="javascript:;" class="">
                    <span class="icon-box"> <i class="icon-book"></i></span> UI Elements
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="@Url.Action("About","Home")">General</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">Buttons</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">jQuery UI Component</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">Tabs & Accordions</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">Typography</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">Tree View</a></li>
                    <li><a class="" href="@Url.Action("About","Home")">Nestable List</a></li>
                </ul>

事情是这样的，我想我需要为此编写 jquery 或 js，但是我怎样才能到达每个 li 类？

Answer 1

var activeurl = window.location.pathname;
    $('a[href="' + activeurl + '"]').parent('li').addClass('active');
    $('a[href="' + activeurl + '"]').parent('li').parent('ul').parent('li').addClass('active');

这些代码解决了我的问题。