Hinzufügen “.active" - Klasse auf der aktuellen Seite der link in einem Menü mit jQuery oder PHP

Muss ich hinzufügen .active Klasse auf die aktive Aufgabe Menü-link auf der Seite. Ich arbeite auf localhost, hier sind ein paar Beispiel-URLs:

http://localhost/webapp/index.php?task=validate
http://localhost/webapp/index.php?task=register

und die Struktur des Menüs:

    <div class="menu">
       <ul class="sf-menu">
          <li><a href="index.php">Inicio</a></li>
          <li><a href="?task=validator">Validar</a></li>
          <li><a href="?task=register">Registro</a></li>
       </ul>
    </div>
  • Ihre Frage fehlt der konkrete code, den Sie haben, die Frage, mit - geschrieben von sich selbst, so dass Sie klar machen können, wo Sie in einem Programmier-problem ist, dann formulieren Sie eine Frage der Programmierung.
  • Wollen Sie zu diesem Zweck auf der client-Seite (jQuery/JavaScript) oder serverseitig (mit PHP)?
  • Hi, ich würde gerne dies auf client-Seite mit Hilfe von jQuery/Javascript-ich war mit superfish plugin, aber es hat nicht funktioniert
InformationsquelleAutor Josias | 2012-11-12
  1. 15

    Können Sie jQuery verwenden, um eine Schleife durch alle links und vergleichen Sie Ihre URLs mit location. Hier ist ein Beispiel:

    $(".sf-menu a").filter(function(){
    return this.href == location.href.replace(/#.*/, "");
}).addClass("active");
    • Danke!! dies funktioniert für mich!
    • Hinweis: Dies funktioniert nur, wenn Sie die passenden Parameter in der url. Zum Beispiel, wird es nicht hinzufügen das aktive Klasse, wenn die url " /hello/world?param=1) und Ihr link ist <a href="/hello/world"></a>
    • Ich stehe vor demselben problem, hier meine URL " /hello/world?param=1, wie kann ich active Klasse hier.Dieser code funktioniert bis auf das laden der Seite,nach dem fertig laden aktiv ist, funktioniert nicht
    InformationsquelleAutor Salman A
Schreibe einen Kommentar