jquery - 动态事件链接不起作用

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");
    });
});