[JQuery] Aggiungere una classe in base all' URL - QuickGo - Il portale della tecnologia
BIGtheme.net http://bigtheme.net/ecommerce/opencart OpenCart Templates
Home / Sviluppo Software / Javascript / [JQuery] Aggiungere una classe in base all’ URL

[JQuery] Aggiungere una classe in base all’ URL

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>	

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.

Puoi leggere Anche

[Guida] Introduzione che cos’è l’ AJAX? un nuovo linguaggio?

Nella guida di oggi vedremo cos’è l’ AJAX e in quale situazione è possibile utilizzarlo, iniziamo ...