Javascript 添加类=";“当前”;动态地

Javascript 添加类=";“当前”;动态地,javascript,css,asp.net-mvc,Javascript,Css,Asp.net Mvc,我有一个包含子菜单的菜单列表,如下面的代码所示 这里有一个有效的解决方案: 为此,您必须使用一点Javascript。 您必须为listitems指定另一个类名,如我的示例“operator” 对于本例,您需要从一开始就将一个元素指定为活动元素 注意: LI元素从来不是UL的父母 顺序是: 无序列表(复数)->列表项(单数,子项) 您可能需要更正这一点,因为它不符合标准。要将类名添加到父元素,请为主链接提供一个类名。假设您还想将其从任何已有

我有一个包含子菜单的菜单列表,如下面的代码所示


  • 这里有一个有效的解决方案:

    为此,您必须使用一点Javascript。 您必须为listitems指定另一个类名,如我的示例“operator”

    对于本例,您需要从一开始就将一个元素指定为活动元素

    注意:

    LI元素从来不是UL的父母

    顺序是:

    无序列表(复数)->列表项(单数,子项)


    您可能需要更正这一点,因为它不符合标准。

    要将类名添加到父
  • 元素,请为主链接提供一个类名。假设您还想将其从任何已有的
  • 元素中删除,也给它们一个类名

    <li class="container">
        <a href="javascript:void(0);"class="mainmenu"><span class="icon4"></span>Subscriptions</a>
    
    此外,如果在导航到此布局的一个视图时,以及在适当的元素中添加什么类名,则可以为
  • 元素赋予
    id
    属性

    <li id="subscriptions" class="container">
       ....
    </li>
    <li id="administration" class="container">
       ....
    
    并添加在页面首次加载时运行的脚本

    var menu = '@ViewBag.Menu";
    $('#' + menu).addClass('current');
    

    您使用的是哪个MVC?我的意思是您使用的是哪个框架???@SunilGehlot.net 4.5一个选项是为您的
  • 元素提供一个
    id
    属性。然后传递a
    ViewBag.SelectedMenu=“xxx”,其中
    xxx
    是要选择的
    id
    ,然后使用javascript添加类名。@StephenMuecke菜单标记只是静态内容,意味着将不会有任何导航,但会显示子菜单列表。OP希望在用户导航到页面时设置类(在重定向之前设置是没有意义的)-而且你的小提琴不工作,也不能工作-它包含c#代码
    <li id="subscriptions" class="container">
       ....
    </li>
    <li id="administration" class="container">
       ....
    
    public ActionResult ConfigureText()
    {
        ViewBag.Menu = "administration";
        ....
        return View(...);
    }
    
    var menu = '@ViewBag.Menu";
    $('#' + menu).addClass('current');