Пункт меню 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"); 
    }); 

Я делаю это правильно?

Я также попытался это не дало никаких результатов

$('#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) 
     } 
    }