cambio de clase al hacer clik

[Dundee]

Hola gente, resulta q quiero que un link cambie su clase al hacer click en el, aparentemente algo sencillo, pero no me sale.

Tengo este código

Código:

$(document).ready(function() {
						   
						   
$('a').click(function(){	
			$('a').removeClass('submenuOn');
	    $(this).removeClass('submenuOff');
    $(this).addClass('submenuOn');
						   						  
}); 
						
});
Y un link por ejemplo:
 <a href='http://".$ruta.$param[0]."/somos' class='submenuOn'>next</a>

El tema es que cambia de color durante segundos, pero luego vuelve a estar como antes de haber hecho click , ¿que hago mal?.

Mil gracias de antemano.

[InKarC]

Que esta redirigiendo a la misma pagina cuando hace click?

Código Javascript:

$('a').click(function(){    
    $('a').removeClass('submenuOn');
    $(this).addClass('submenuOn').removeClass('submenuOff');;
    return false;
});
 

Coloque return false

[Dundee]

Iniciado por InKarC

Coloque return false

Si rediririge a la misma página , carga el contenido según las variables q se le pasa(es PHP).

¿Porque es necesario un return false?.

Gracias

[Dundee]

Me acabo de dar cuenta que funciona pero me desactiva los links no se porque.
Es decir cambiar de color , pero pincho en el link y no funciona.

Un saludo

[Tecna]

Buenas,

porque precisamente con return false lo que haces es cancelar el evento, es decir la acción predeterminada para el elemento y evento en cuestión que en el caso de un link es seguir el enlace.

[Dundee]

Iniciado por Dundee

Me acabo de dar cuenta que funciona pero me desactiva los links no se porque.
Es decir cambiar de color , pero pincho en el link y no funciona.

Un saludo

Ok entiendo, ¿pero entonces como hago para que al hacer click cambie el color del texto del link y el enlace funcione? , el problema que tenía sin el return es que no funcionaba el cambio de clase.

Gracias

[Dundee]

ME auto-respondo (pensaba que funcionaba esto pero no).
Este es el código que tengo

Código:

<script type="text/javascript">

$(document).ready(function() {
						   
						   
$('.barra td').click(function(){	
//elimino la clase .submenuOn en todos los tds dentro de la capa con la clase .barra 
			$('.barra td').removeClass('submenuOn').addClass('submenuOff');

//al td que estoy haciendo click le elimino la clase .submenuOff y le añado la clase .submenuOn
	        $(this).removeClass('submenuOff').addClass('submenuOn');
			//event.stopPropagation();

	return false;
	}); 				   						  
}); 
</script>

Código:

<table class="barra">
<tr>
<td class="submenuOff"><a href="page1.php">Link1</a></td>
<td class="submenuOff"><a href="page2.php" >Link2</a></td>

</tr>
</table>

Un saludo