Lisage aktiivse navigeerimise klass URL-i põhjal - CSS-trikid

Anonim

Ideaalis väljastate selle klassi serveri poolelt, kuid kui te ei saa ...

Oletame, et teil on selline navigeerimine:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

Ja olete URL-il:

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

Ja soovite, et link About oleks aktiivse klassi, et saaksite visuaalselt näidata, et see on aktiivne navigeerimine.

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

Põhimõtteliselt sobib see linkide abil navis, kelle atribuut href algab tähega "/ about" (või mis iganes sekundaarne kataloog juhtub olema).