Pievienot aktīvās navigācijas klasi, pamatojoties uz URL - CSS-triki

Anonim

Ideālā gadījumā jūs izdodat šo klasi no servera puses, bet, ja nevarat ...

Pieņemsim, ka jums ir šāda navigācija:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

Un jūs atrodaties vietnē URL:

http://jūsu vietne.com/apie/komanda/

Un jūs vēlaties, lai saite Par iegūtu klasi “aktīvs”, lai jūs varētu vizuāli norādīt, ka tā ir aktīvā navigācija.

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

Būtībā tas sakrīt ar navigācijas saitēm, kura atribūts href sākas ar “/ about” (vai kā nu kurš sekundārais direktorijs notiek).