Dodaj razred aktivne navigacije na podlagi URL-ja - CSS-triki

Anonim

V idealnem primeru ta razred izpišete s strežniške strani, če pa ne morete ...

Recimo, da imate takšno navigacijo:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

In ste na URL-ju:

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

In želite, da povezava About dobi razred »aktivnih«, tako da lahko vizualno označite, da je aktivna navigacija.

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

V bistvu se bo to ujemalo s povezavami v nav, kdo se atribut href začne z "/ about" (ali kakršen koli sekundarni imenik).