Aktív navigációs osztály hozzáadása az URL alapján CSS-trükkök

Anonim

Ideális esetben ezt az osztályt a szerver felől adja ki, de ha nem tudja ...

Tegyük fel, hogy ilyen navigációval rendelkezik:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

És Ön az URL címen van:

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

És azt szeretné, hogy a Névjegy link "aktív" osztályt kapjon, így vizuálisan jelezheti, hogy ez az aktív navigáció.

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

Lényegében ez illeszkedik a nav-ban lévő linkekhez, aki a href attribútumban a „/ about” szóval kezdődik (vagy bármi is legyen a másodlagos könyvtár).