Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 20,470 Miembros
  • 16,000 Temas
  • 6,340 Seguidores
  • 0

[Ayuda] Problema funcion click Jquery con contenido dinamico

Hola gente, expongo un codigo en el que tengo problemas.
Al crear un div con la funcion "append" y que dentro del contenido tenga uncla clase que permita eliminar ese div, luego de ser creado no es posible eliminarlo, en el caso del primer div que aparece es un dif creado manualmente la funcion eliminar si funciona.
Alguno sabe porque es esto? en que le estoy errando? se utiliza distinto metodo para lo que estoy queriendo?
GRACIAS desde ya

<!DOCTYPE html>
<html>
<head>
<title>Prueba</title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<style type="text/css">
.contenido {
width: 255px;
height: 40px;
background: #fff;
border: 1px solid;
}
</style>
</head>
<body>
<a href="#" class="agregar">Agregar div</a>

<div class="contenido" id="1">
<a href="#" class="eliminar" rel="1">eliminar 1</a>
</div>


<div id="contenedor"></div>

<script type="text/javascript">
$(function(){

var click = 1;

$(".agregar".click(function(e){
e.preventDefault();

click++;

var $contenedor = $('#contenedor');

var $item = $('<div class="contenido" id="' + click + '"></div>');
$item.append( '<a href="#" class="eliminar" rel="' + click + '">eliminar ' + click + ' </a>' );

$contenedor.append( $item );

return false;
});



$(".eliminar".click(function(e){
e.preventDefault();

var id = $(this).attr('rel');

$('#'+id).css("background-color", "#fb6c6c";
setTimeout(function(){
$('#'+id).remove();
}, 500);

return false;
});

})
</script>
</body>
</html>
  • 0
  • 0Calificación
  • 0Seguidores
  • 329Visitas
  • 0Favoritos

1 comentario

@gabstrimell Hace más de 4 meses +1
Codepen o etiquetas code
Tienes que ser miembro para responder en este tema