Ressaltar al menú la pàgina on ens trobem

Si volem que el menú de la nostra pàgina web remarqui la secció en la qual ens trobem, només necessitem una mica de codi en Javascript i CSS.

D’entrada, a la fulla d’estils CSS determinarem una classe concreta per quan una secció estigui activa:

.selected {
color:#ff0000!important;
}

Finalment, en Javascript, li donarem la següent acció:

$('.menu a').each(function(index) {
if(this.href.trim() == window.location)
$(this).addClass("selected");
});

El que fa aquesta acció és buscar quina és la pàgina en la qual ens trobem (window.location) i aplicar la classe “selected” a l’element del menú que contingui un vincle cap a aquesta pàgina. Òbviament, “menu a” dependrà de la classe que tingui el nostre menú.

Leave a Reply

Your email address will not be published. Required fields are marked *