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
属性。然后传递aViewBag.SelectedMenu=“xxx”在GET方法中的code>,其中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');