jquery - 在JQuery addclass之后启用href导航

我需要使用jQuery的addClass来更改所选锚标记的样式。一切正常。但是更改样式后，我想导航到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。

最佳答案

您需要检查您的li标记是否包含活动类，如果已经包含，请转到指定的链接。

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

DEMO

关于jquery - 在JQuery addclass之后启用href导航，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13577759/