Wie man Menüpunkte basierend auf Hash aktiviert

Ich erstelle eine WordPress-Portfolio-Website mit dem Simone-Thema. Ich habe drei Menüpunkte, die auf die gleiche Seite verweisen, aber unterschiedliche Hashes haben:

tovly.com/work/#work-all-work

tovly.com/work/#work-fotos

tovly.com/work/#work-videos

Das Problem ist, dass alle drei Menüpunkte als aktiv gesetzt sind, egal, welcher Hash in der URL ist. Bei allen drei obigen URLs sieht das Navigationsmenü folgendermaßen aus:

Ich möchte, dass die Navigationsleiste von tovly.com/work/#work-all-work wie folgt aussieht:

Bildbeschreibung hier eingeben

Ich möchte auch den gleichen Effekt bei tovly.com/work/#work-photos und tovly.com/work/#work-videos.

Wie kann ich das machen?

Solutions Collecting From Web of "Wie man Menüpunkte basierend auf Hash aktiviert"

Probieren Sie die Kombination der setInterval-Methode und window.location.hash. Dies wird nicht getestet, aber so etwas sollte nützlich sein:

jQuery(function($) { setInterval(function() { var tag = window.location.hash; $('.main-menu ul li').removeClass('active-menu'); $('.main-menu ul li#' + tag).addClass('active-menu'); }, 100); }); 

Sie müssen Menü-class und Struktur in Zeile 4 und 5 ändern.