jquery - JQuery addclass 后启用 href 导航

Question

我需要使用 jQuery 的 addClass 来更改所选 anchor 标记的样式。它运行良好。但更改样式后，我想导航到 href 中指定的链接。这不起作用，因为我正在使用 return false; 或 e.preventDefault()。

请帮助我。

我正在使用的代码是:

$("li").click(function (e) {
    e.preventDefault();
    $("li").removeClass("active");
    $(this).addClass("active");
});

<div id="navigation" class="right">
    <ul>
        <li id="nav1"><a href="../WebForm1.aspx"><span>Home</span></a></li>
        <li id="nav2"><a href="../AboutUs.aspx"><span>About Us</span></a></li>
    </ul>
</div>

这里的样式是在单击“主页”链接后应用的，但我希望它在此之后导航到 webform1.aspx。

Answer 1

您需要检查您的li标签是否包含active类，如果包含则转到指定的链接。

$("li").click(function (e) {
  if($(this).hasClass('active')){
      return true;
  }else{
    e.preventDefault();
    $("li").removeClass("active");
    $(this).addClass("active");
  }
});

DEMO