Lisää aktiivinen navigointiluokka URL-osoitteen perusteella CSS-temppuja

Anonim

Ihannetapauksessa tuotat tämän luokan palvelinpuolelta, mutta jos et pysty…

Oletetaan, että sinulla on tällainen navigointi:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

Ja olet URL-osoitteessa:

http://omasivustosi.com/tietoja/joukkue/

Ja haluat Tietoja-linkin saavan luokan "aktiivinen", jotta voit visuaalisesti osoittaa, että se on aktiivinen navigointi.

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

Pohjimmiltaan se vastaa linkkejä navassa, jonka href-määritteessä alkaa "/ about" (tai mikä tahansa toissijainen hakemisto sattuu olemaan).