MVC4 侧边栏活动项目？答案

【问题标题】：MVC4 Sidebar Active Item?MVC4 侧边栏活动项目？
【发布时间】：2014-06-26 07:08:48
【问题描述】：

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

问题是当我单击它正在打开的组件时看到的，但是当我单击其中的网格时，它正在关闭我不希望它关闭它应该保持打开状态。当我将它作为 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 类？

【问题讨论】：

我添加了代码，请您检查一下

标签： jquery css asp.net-mvc-4 postback

【解决方案1】：

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

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

【讨论】：

但是我也试过这个但是没有用有人想告诉我为什么吗？ $('#sidebar ul li ul li').click(function () { var ids = $(this).attr('id'); $('#ids').addClass('active'); $( '#ids').parent('ul').parent('li').addClass('has-sub active'); alert(ids); // 如果元素有 id 会提醒 });