动态活动链接不起作用

Question

我试图让我的静态导航菜单有一个动态的活动菜单类。但这很奇怪。当我点击链接时，所有链接都有活动类，在我的页面加载后，它会返回到原始链接。因此，不再使用菜单激活仪表板再次激活

我的菜单：

<ul class="nav">
    <li><a class="active-menu" href="#">Dashboard</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Content</a></li>
</ul>

我的CSS：

.active-menu{
    background: #00baff !important;
}

我的JS：

$(document).ready(function(){
  $(".nav a").click(function(){
    $("nav a").toggleClass("active-menu");
  });
});

Answer 1

它应该是这样的

JS Fiddle

$(document).ready(function(){
    $(".nav a").click(function(event){
        event.preventDefault(); 
        $(".nav a").removeClass("active-menu");
        $(this).addClass("active-menu");
    });
});