我的主页中有以下菜单:
<ul id="menu" class="lavaLampBottomStyle">
<li>
<%= Html.ActionLink("Employees", "Index", "Employees")%></li>
<li>
<%= Html.ActionLink("Customer", "Details", "Account")%></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我需要一种方法将当前活动li的css类设置为"current".
我的第一个猜测是在javascript的帮助下做到这一点.
我会在主页中包含这样的内容:
$("#menu li a").each(){
if($(this).attr("href") == '<%= *GET CURRENT PAGE* %>'){
$(this).parent("li").addClass("current");
}
}
Run Code Online (Sandbox Code Playgroud)
这是一个好方法吗?
如果是,我如何获得当前的URL部分,如在href中?
如果不是,你的建议是什么?:-)
仅供参考,我之后生成的html:
<ul id="menu" class="lavaLampBottomStyle">
<li>
<a href="/KszEmployees/Index">Employees</a></li>
<li>
<a class="current" href="/">Customer</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)