Přidat třídu aktivní navigace na základě adresy URL - Triky CSS

Anonim

V ideálním případě byste tuto třídu vydali ze strany serveru, ale pokud nemůžete ...

Řekněme, že máte takovou navigaci:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

A jste na adrese URL:

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

A chcete, aby odkaz About získal třídu „active“, abyste mohli vizuálně označit, že se jedná o aktivní navigaci.

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

V podstatě to bude odpovídat odkazům v navigaci, jehož atribut href začíná „/ about“ (nebo jakýkoli sekundární adresář).