jquery y append

[jovendigital]

Hola a todos, tengo un pequeño problema.

Tengo una tabla a la que le añado con .append un <td>. y dentro tiene un <a> que deberia usarse para ejecutar algo al clicarle. Mi problema es que no llega a hacer nada.

mi html

Código HTML:

<table id="tabla">
	<tbody>
	<tr id="titulos">
		<td>Nombre</td>
        <td>fecha</td>
        <td>Posición</td>
        <td>Acción</td>
  	</tr>
    </tbody>
</table>

Secundaria
<table id="secundaria">
	<tr>
    	<td>Nombre</td>
        <td>Fecha</td>
        <td>Autor</td>
        <td>Accion</td>
  	</tr>
    <tr id="Fila1">
    	<td>Texto 1a</td>
        <td>Texto 1b</td>
        <td>Texto 1c</td>
        <td id="elimina1"><a href="#" id="Fila1" class="boton">Añadir</a></td>
  	</tr>
    <tr id="Fila2">
    	<td>Texto 2a</td>
        <td>Texto 2b</td>
        <td>Texto 2c</td>
        <td id="elimina2"><a href="#" id="Fila2" class="boton">Añadir</a></td>
  	</tr>
</table> 

mi js

Código:

$(function(){  
	$('.boton').click(function(event) { 
		event.preventDefault();
		var ident;
		ident=this.id.replace('Fila','');
		$('#tabla > tbody:last').append('<tr id="mifila'+ident+'">'+$('#Fila'+ident).html()+'</tr>');
		$('#tabla #elimina' + ident).remove();
		$('#tabla #mifila' + ident).append('<td><a href="#" id="Quita'+ident+'" class="Quitar">Quitar</a></td>');
		$('#secundaria #Fila' + ident).css({ display: "none" });  
	});
	$('.Quitar').click(function(event) { 
	event.preventDefault();
		alert(this.id);
		var ident;
		ident=this.id.replace('quita','');
		alert(ident);
	});
});

gracias por la ayuda!

[tredio]

prueba asi:

Código Javascript:

$('.Quitar').live('click',function(event) { 
    event.preventDefault();
        alert(this.id);
        var ident;
        ident=this.id.replace('quita','');
        alert(ident);
    });
 

[jovendigital]

Iniciado por tredio

prueba asi:

Código Javascript:

$('.Quitar').live('click',function(event) { 
    event.preventDefault();
        alert(this.id);
        var ident;
        ident=this.id.replace('quita','');
        alert(ident);
    });
 

no conocia el metodo 'live'. Mil gracias, me has ayudado mucho

[tredio]

ok amigo, que bien que te haya funcionado.

Te explico por que no te funcionaba, tu estabas creando el evento antes de crear el objeto que respondia a ese evento en este caso el link, es por eso que el elemento recien creado no respondia al evento, y juso para eso es que sirve el live, para que incluso los objetos creados despues de la declaracion del evento respondan al mismo.

saludos.

[jovendigital]

Iniciado por tredio

ok amigo, que bien que te haya funcionado.

Te explico por que no te funcionaba, tu estabas creando el evento antes de crear el objeto que respondia a ese evento en este caso el link, es por eso que el elemento recien creado no respondia al evento, y juso para eso es que sirve el live, para que incluso los objetos creados despues de la declaracion del evento respondan al mismo.

saludos.

Sí, lo entendí cuando busqué info sobre el método live. Justo diste en el clavo.