새 페이지에 도착하면 메뉴 항목 addClass가 사라짐

Question

안녕하세요 저는 슈퍼 캡 메뉴를 사용하고 있으며 jQuery에 비교적 익숙합니다. addClass를 사용하여 메뉴 항목에 클래스를 추가하면 클래스가 추가되지만 새 페이지가로드 될 때 사라진다. 내가 홈 페이지에서 오전과 판매 페이지로 이동하려는 경우 그래서 내가 여기에 도착 활성 클래스를 가지고 판매 메뉴 항목을 비유 것, 정말 명확하게하는 것은 내가 무엇을 가지고

여기 내 메뉴 여기

<div id="navbar"> <ul class="sf-menu sf-js-enabled" id="navmain"> <li><a href="/index.php">HOME</a></li> <li><a href="/shop/sales/">SALES</a></li> <li><a href="/shop/clothing/">CLOTHING</a></li> <li><a href="/shop/accessories/">ACCESSORIES</a></li> <li><a href="/cart.php">CART</a></li> <li><a href="/wishlist.php">WISHLIST</a></li> <li><a href="/contactus.php">CONTACT US</a></li> <li><a href="/aboutus.php">ABOUT US</a></li> </ul> </div> 

내 JQuery와있다

$('#navbar ul li').click(function(){ 
    $('#navbar li a').removeClass("active"); 
    $('#navbar li a').addClass("active"); 
    }); 

,536,

나는 이것을 제대로하고 있습니까?

나는 또한 아무 소용이

$('#navbar ul li').click(function(e){ 
    $('#navbar li a').removeClass("active"); 
    $(e.target).addClass("active"); 
    }); 

Answer 1

당신이 페이지를 변경하거나 페이지를 다시로드 할 때 유지되지 않습니다 만들고 변경이 시도했다. 변수를 설정하고이를 기반으로 클래스를 추가 할 수 있습니다. 나는 최근에 비슷한 것을 함께 해킹해야했는데 이것이 내가 생각해 낸 것이다.

$(document).on("ajax:success", function(event, data, status, xhr) { 
    console.log(data); 
    if (data.redirect == "/invite#outstanding"){ 
     newValue = true 
    } 
    if (data.redirect) { 
     window.location.href = data.redirect; 

     if (newValue == true) { 
      document.location.reload(true) 
     } 
    }