根据URL添加活动菜单或导航类

Question

我在菜单项中添加了一个active类。然而，我目前的实现是将类添加到所有列表菜单项中，而不是当前页面。

请让我知道我当前的代码是否有问题，以及我可以做些什么来实现期望的结果。

<ul id="menu_items">
<li class="has-sub"><a href="/collections">STORE</a></li>
<li><a href="/collections">RESEARCH</a></li>
<li><a href="/collections">INFO</a></li>
</ul>
$(function(){
var current = location.pathname;
$('#menu_items li a').each(function(){
var $this = $(this);
// if the current path is like this link, make it active
if($this.attr('href').indexOf(current) !== -1){
$this.addClass('active');
}
})
})  

.active {text-decoration:underline;}

Answer 1

好的，试试这种方式，希望它能在中工作

<ul id="menu_items">
<li><a href="#index">Index</a></li>
<li class="has-sub"><a href="#store">STORE</a></li>
<li><a href="#research">RESEARCH</a></li>
<li><a href="#info">INFO</a></li>
</ul>
</html>
<Script>
$("#menu_items li").bind("click", function(e){
$("li").click(function() {
$(this).siblings().find("a").removeClass("active");
$(this).find("a").addClass("active")
})
})
</Script>

Answer 2

请检查URL，所有链接都是"/collections">