Tengo el siguiente problemas.
Tengo dos enlaces:
- el primero que hace que su texto cambie de color con: $('.cambiaMiColor').click(function() { ...
- el segundo crea (append) otro enlace como el primero.
El problema es que cuando agrego un enlace este se agrega y hasta aquí todo bien pero si hago clic sobre él , el texto no cambia de color.
Se que la causa es que cuando se ejecuta $(document).ready(function() {...
el enlace no existe.
Pero no se como solucionarlo?
Volver ejecutar $(document).ready()?
html:
Código HTML:
<div id="contenido"> <a class="cambiaMiColor">Cambiar a rojo este texto</a> <a id="agregaOtroEnlace">agregar enlace</a> </div>
Código:
$(document).ready(function() {
$('.cambiaMiColor').click(function() {
$(this).css({color : '#ff0000'});
});
$('#agregaOtroEnlace').click(function() {
var html = '<a class="cambiaMiColor">Cambiar a rojo este texto</a>';
$('#contenido').append(html);
});
}) ;
