Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/05/2011, 09:41
Avatar de Dundee
Dundee
 
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 20 años, 7 meses
Puntos: 8
enlaces no funcionan al cambiar color al link

Hola gente, por si alguien me dice que no repita post ,decir que lo he hecho porque creo que es conveniente al haber cambiado la pregunta inicial de mi anterior post.

Llevo un par de dias intentando que al pinchar en uno de los enlaces que tengo dentro de una capa (con la clase .barra) estos cambien su clase , pero lógicamente no quiero que los links dejen de tener su comportamiento original que es el de enlace típico. Si pongo (como tengo ahora) return false; al final de la funcion Jquery me funciona bien pero los links dejan de funcionar, ahora si no pongo false , la clase cambia durante unos instantes y luego vuelve a ponerse la clase que había eliminado.

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();

//funcionaria de este modo pero el problema es que los links dejan de funcionar
//sino le pongo return false cambia la clase pero solo por segundos
	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
__________________
Videotutoriales de Drupal