javascript - 使用页面跳转(单页网站)时如何更改css class ="current"？

Question

早上好

我一定是问了谷歌所有错误的问题，因为我找不到任何类似的东西。

我有一个标准的导航列表，但我正在使用页面跳转，因为我想要一个单一的网页。

<ul>
<li><a href="#livestream">Livestream</a></li>
<li><a href="#media">Media</a></li>
<li><a href="#crew">Crew</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>

但是我一辈子都想不出如何在使用页面跳转时使class="current"。我试过了 this bit of jquery因为它似乎是我正在寻找的东西，但它什么也没做。我认为它不适用于#links。

有什么想法吗？

Answer 1

如果要将当前类添加到被点击的a中，可以这样实现:

// Wait for the DOM to be ready
$(function(){
   // Add click-event listener
   $("li a").click(function(){
      // Remove the current class from all a tags
      $("li a").removeClass("current");
      // Add the current class to the clicked a
      $(this).addClass("current");
   });
});