突出显示当前页面未转到当前页面

Question

我有一段代码可以在导航上单击链接时删除并添加“已选择”类。我遇到的问题是，当您点击链接时，它实际上并没有转到页面。

任何人都可以帮忙吗？

        $(document).ready(function () {

        $("li:first").addClass("selected");
         $("li:last").addClass("last");

          $("#nav li").click(function () {
            $('li').removeClass("selected");
            $(this).addClass("selected");
    return false;               
          });

    });

  </script>


  <div id="nav">
     <ul>
        <li><a href="main.php">Home</a></li>
  <li><a href="javascript:play();">Play Now</a></li>
        <li><a href="promotions.php">Promotions</a></li>
        <li><a href="ourgames.php">Our Games</a></li>
        <li><a href="community.php">Community</a></li>
        <li><a href="help.php">Help</a></li>
    </ul>
  </div>

Answer 1

尝试删除return false;

Answer 2

要防止进入该页面，您可以在单击回调函数event.preventDefault（）中调用或返回false。

在你的例子中，你说你想要执行回调中的内容并转到页面。也许你可以尝试回归真实。

但是当你转到新页面时，添加到'a'元素的'selected'类将会丢失。