[JQuery] Aggiungere una classe in base all’ URL

0
95

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.