Додајте активну класу навигације на основу УРЛ-а - ЦСС-трикови

Anonim

У идеалном случају ову класу избаците са серверске стране, али ако не можете ...

Рецимо да имате овакву навигацију:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

А ви сте на УРЛ-у:

хттп://иоурсите.цом/абоут/теам/

А желите да веза Абоут добије класу „активно“, тако да визуелно можете да назначите да је активна навигација.

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

У суштини то ће се подударати са везама у навигацији чији атрибут хреф почиње са „/ абоут“ (или било којим секундарним директоријумом).