更改jquery的活动类

Question

您好我有一个html菜单，我想在点击菜单项时更改活动类。

HTML：

<nav> 
    <ul> 
      <li class='active'><a href='index.php'>Index</a></li> 
      <li><a href='hello.php'>Hello</a></li> 
    </ul> 
</nav> 

的Javascript：

<script type="text/javascript"> 
      $(function() { 
       $("ul li").click(function() { 
        // remove classes from all 
        $("ul li").removeClass("active"); 
        // add class to the one we clicked 
        $(this).addClass("active"); 
       }); 
      }); 
</script> 

它的工作原理，但是当页面完成清爽去请求链接，该类返回它是在默认情况下（在索引页面）。

你能帮助我吗？

Answer 1

您可以使用localStoragethis文章有助于学习，请尝试以下代码。

$(document).ready(function(){ 
    var find=localStorage.getItem("Menukey"); 
    if(find){ 
    $("ul li").removeClass("active").eq(find).addClass("active") 
    } 
}); 

$("ul li").click(function() { 
    localStorage.setItem("MenuKey",$(this).index()) 
    $("ul li").removeClass("active"); 
    $(this).addClass("active"); 
});