Pridajte triedu aktívnej navigácie na základe adresy URL Triky CSS

Anonim

Ideálne je výstup tejto triedy na strane servera, ale ak nemôžete ...

Povedzme, že máte takú navigáciu:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

A ste na adrese URL:

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

A chcete, aby odkaz O mne dostal triedu „aktívnych“, aby ste mohli vizuálne naznačiť, že ide o aktívnu navigáciu.

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

V podstate to bude zodpovedať odkazom v navigácii, ktorého atribút href začína na „/ about“ (alebo bez ohľadu na to, aký je sekundárny adresár).