Pridėti aktyvios navigacijos klasę pagal URL - CSS-gudrybės

Anonim

Geriausia, jei šią klasę išvedate iš serverio pusės, bet jei negalite…

Tarkime, kad turite tokią navigaciją:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

Ir jūs esate URL:

http://jusu svetaine.com/apie/komanda/

Norite, kad nuoroda „Apie“ gautų „aktyvių“ klasę, kad galėtumėte vizualiai nurodyti, kad tai aktyvi navigacija.

$(function() ( $('nav a(href^="/' + location.pathname.split("/")(1) + '")').addClass('active'); ));

Iš esmės tai atitiks nuorodas navigacijoje, kurio atributas href prasideda „/ about“ (ar koks bebūtų antrinis katalogas).