Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/11/2015, 16:49
Rider_Gotha
 
Fecha de Ingreso: noviembre-2015
Mensajes: 9
Antigüedad: 8 años, 5 meses
Puntos: 0
Exclamación evento on click no hace nada :(

Muy buenas, soy nuevo en el foro, y este es mi primer post.. ¡Hola a todos! y gracias de antemano
Al tema. Estoy estudiando jQuery, y me he encontrado con el mismo problema en un par de ejercicios, y no encuentro la solución.

El problema es que pulsando un button creo varios div, dentro de otro div contenedor. hasta ahí perfecto, luego asigno un evento on click sobre los diferentes divs que creé dentro de este div contenedor de esta manera --> $('#contenedor div'), y no hace absolutamente nada.


Esto es una simplificación del programa.
Código:
	$(document).ready(function () {
	    $('button').on({
	        click: function () {
	            for (var i = 0; i < 20; i++) {
	                var nuevaCapa = $('<div></div>');
	                nuevaCapa.addClass('capa').attr('id', 'capa' + i);
	                $('#content').append(nuevaCapa);
	            }
	        }
	    });
	    $('#content div').on({
	        click: function () {
	            $(this).remove();
	        }
	    });
	});
Código HTML:
<body>
      <button id="comenzar">Comenzar</button>
      <div id="content"></div>
</body> 
Muchas gracias a todos de antemano.