Dodajte aktivnu klasu navigacije na temelju URL-a - CSS-trikovi

Anonim

Idealno bi bilo da ovu klasu izbacite s poslužiteljske strane, ali ako ne možete ...

Recimo da imate ovakvu navigaciju:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

I vi ste na URL-u:

http://yoursite.com/about/team/

A želite da veza About dobije klasu "aktivno", tako da možete vizualno naznačiti da je aktivna navigacija.

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

U osnovi će se podudarati s vezama u navigacijskom atributu href koji započinje s "/ about" (ili što god da je sekundarni direktorij).