jquery - 新しいページに到達すると、メニュー項目の 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");
    });