URL'ye Dayalı Aktif Gezinme Sınıfı Ekleyin - CSS Hileleri

Anonim

İdeal olarak bu sınıfı sunucu tarafından çıkarırsınız, ancak yapamıyorsanız…

Diyelim ki böyle bir navigasyonunuz var:



    

  • Home
    • 

  • About
    • 

  • Clients
    • 

  • Contact Us
    •

Ve URL’desiniz:

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

Ve Hakkında bağlantısının bir "etkin" sınıfı almasını istiyorsunuz, böylece bunun etkin gezinme olduğunu görsel olarak belirtebilirsiniz.

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

Esasen bu, nav'deki href özniteliğinin "/ about" (veya ikincil dizin ne olursa olsun) ile başlayan bağlantılarıyla eşleşecektir.