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> 

자바 스크립트 :

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