Klasse ändern aktiv mit jquery

Question

Hallo Ich habe ein HTML-Menü und ich möchte die aktive Klasse ändern, wenn Sie auf einen Menüpunkt klicken.

HTML:

<nav> 
    <ul> 
      <li class='active'><a href='index.php'>Index</a></li> 
      <li><a href='hello.php'>Hello</a></li> 
    </ul> 
</nav> 

Javascript:

<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> 

Es funktioniert aber, wenn die Seite zu aktualisieren beendet zu der gewünschten Verbindung zu gehen, die Klasse zurückkehrt, wo sie standardmäßig war (auf der Indexseite).

Können Sie mir bitte helfen?

Answer 1

Sie können localStoragethis Artikel hilfreich zum Lernen verwenden, versuchen Sie den folgenden Code.