Cita:
Iniciado por jsusarevalo He conseguido que al pulsar el botón eliminar silla, desaparezca toda la div con el fondo, pero no consigo que solo se elimine la silla. Este es el código:
<script type="text/javascript">
var totalSillas=0;
$("#botonSilla").click(function(){
$("#seccion-elevador").append("<div id='silla"+totalSillas+"' class='silla'></div>");
$("#silla"+totalSillas).resizable().draggable({ containment: "#seccion-elevador", scroll: false });
totalSillas++;
});
</script>
<script type="text/javascript">
$('#btdel').on('click', function(){
$('#seccion-elevador').remove();
});
</script>
También he probado poniendo:
<script type="text/javascript">
$('#btdel').on('click', function(){
$('#silla').remove();
});
</script>
y
<script type="text/javascript">
$('#btdel').on('click', function(){
$("#seccion-elevador").remove("<div id='silla"+totalSillas+"' class='silla'></div>");
});
</script>
Pero no doy con ello.
Gracias!
Hola, tus ideas no están tan descabezadas, aquí las reuno para ayudarte:
Con opción de borrar:http://jsfiddle.net/dAvidcA/k7VKU/3/
* Se agregó en el interior del
div de la silla el elemento
<div class='sCerrar'>X</div> para cerrar.
* Se agregaron al CSS las clases
#fondo .silla .sCerrar y
#fondo .silla .sCerrar:hover para hacerlo un poco más "estético".
* Con jQuery se asigna el evento
click a la clase
sCerrar con instrucción para remover el elemento padre (en este caso el div de la silla): $(this).parent().remove();
Espero ya esté resuelto tu problema y éste ejercicio no te sirva solo a tí sino a mucha más gente.
Saludos.