更改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"); 
});