jquery menu - active links

Question

jQuery 메뉴를 만들려고합니다. 링크를 클릭하여 (페이지를 다시로드하면) 클래스가 "활성"으로 변경되고 다른 링크를 클릭하면이 클래스가 제거됩니다. . 여기

내 코드입니다 :

입력 코드 here` $ (문서) .ready (함수() {

$(function(){ 
    $("a").click(function(){ 
    $(this).parent().addClass('inny').siblings().removeClass('inny'); 
    }); 
}); 
}); 




<ul id="mainMenu"> 
     <li class="hover-width1"><a href="d.html">STRONA GŁÓWNA</a></li> 
     <li class="hover-width3"><a href="glowna.html">OFERTA</a></li> 
     <li class="hover-width3"><a href="d2.html">CENNIK</a></li> 
     <li class="hover-width2"><a href="tom.html">PRZEPISY</a></li> 
     <li class="hover-width2"><a href="jan.html">GALERIA</a></li> 
     <li class="hover-width1"><a href="#">NASI KLIENCI</a></li> 
     <li class="hover-width2"><a href="#">NARZĘDZIA</a></li> 
     <li class="hover-width1"><a href="#">CIEKAWOSTKI</a></li> 
     <li class="hover-width2"><a href="#">KONTAKT</a></li> 
     </ul> 

내 코드가 작동하지 않는 이유는 페이지를 다시로드 할 때 누군가가 말해 줄 수 :(

동시에

Answer 1

당신은 jQuery 코드를 초기화하기 위해서 $(document).ready(function(){ 또는 $(function(){을 사용할 수 있지만, 둘.

$(function(){ 
    $("a").click(function(){ 
    $(this).parent().addClass('inny').siblings().removeClass('inny'); 
    }); 
}); 

코드가 제대로 작동해야하며 페이지를 새로 고침 할 때 마크 업 변경 사항이 유지되지 않으므로 uri/쿠키를 사용하여 활성화 할 항목을 결정해야합니다.