突出显示当前页面不会当前页面

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页面阻止。

在你的例子中，你说你想执行回调中的内容并进入页面。也许你可以尝试返回true。

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