Il modo migliore per aggiungere una classe in base all’ URL è lato server, ma non sempre è possibile
Ecco un semplice esempio:
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/clients/">Clients</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
</nav>
[ads1]
E tu sei alla URL:
http://yoursite.com/about/team/
E si desidera che al link about gli venga assegnata la classe “active” in modo tale da indicare dove siamo.
Ecco un semplice script per fare questo:
$(function() {
$('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});
Con questo script riusciamo ad aggiungere la classe al link con l’attributo href =”/about/”
Per qualsiasi chiarimento fateci sapere.