URL पर आधारित सक्रिय नेविगेशन क्लास जोड़ें - सीएसएस-ट्रिक्स

Anonim

आदर्श रूप से आप सर्वर की ओर से इस वर्ग का उत्पादन करते हैं, लेकिन अगर आप ऐसा नहीं कर सकते ...

मान लीजिए कि आपके पास इस तरह से नेविगेशन है:


  • Home
  • About
  • Clients
  • Contact Us

और आप URL पर हैं:

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

और आप "सक्रिय" का एक वर्ग प्राप्त करने के बारे में लिंक चाहते हैं ताकि आप नेत्रहीन यह सक्रिय नेविगेशन दिखा सकें।

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

अनिवार्य रूप से यह नौसेना में उन लिंक से मेल खाएगा, जिनकी href विशेषता "/ के बारे में" (या जो भी द्वितीयक निर्देशिका होती है) से शुरू होती है।