jquery导航菜单问题

Question

这可能是一个最简单的问题，但有时我的哑巴知道没有界限。

我想创建一个简单的导航菜单。点击导航菜单中的链接时，它应该变成一些不同的布局，并保持这种状态。我使用的jQuery的验证码，

$(function() 
{ 

    $(".top a").click(function() 
    { 
     $(this).parent().addClass('active').siblings().removeClass('active'); 
    }; 

}); 

这里是菜单，

<ul class="top"> 

<li><a href="http://example.com/index.php" class="home"></a></li> 

<li><a href="http://example.com/page.php?id=1" class="charter"></a></li> 

<li><a href="http://example.com/about_us.php" class="about"></a></li> 

<li><a href="http://example.com/policy.php" class="policy"></a></li> 

<li><a href="http://example.com/page.php?id=4" class="code"></a></li> 

<li><a href="http://example.com/humanitarian.php" class="human"></a></li> 

</ul> 

我给你一流的活跃李标签只要有人点击任何链接。但是课程在页面加载时丢失了。有人可以建议我如何让活动课在那里，并保持页面加载后激活链接。似乎有一些我错过了。

谢谢。

Answer 1

对页面的JavaScript更改不会在页面之间持续存在。相反，你可以尝试这样的事：

$(function() { 
    $('.top a').each(function() { 
     if (this.href == window.location.href) { 
      $(this).addClass('active'); 
      return false; 
     } 
    }); 
}); 

上面的代码将通过你的导航，并添加active到第一锚匹配窗口的位置。