Eventos sobre elementos dinamicos jquery

En muchas ocasiones generamos de manera dinámica ciertos elementos de un formulario por ejemplo, como inputs, selects, etc….y nos encontramos con que la tipica llamada a un evento que antes funcionaba perfectamente sobre elementos ya presentes en el documento html y que funcionaban perfectamente, de repente, como por arte de magia dejan de funcionar.

Para solucionar esto, haremos lo siguiente:

Delegar el control de los eventos

La solución es declarar el handler sobre un elemento que sepamos que va a estar siempre presente, por ejemplo podría ser el contenedor donde añadimos los botones para el ejemplo anterior y si no siempre nos podemos ir a los casos más generales como declararlo sobre el body o en document e indicar al handler la clase sobre la que se aplica el evento añadiendo un parámetro adicional después del tipo de evento.

 

 

Fuente: http://programandoointentandolo.com/2017/06/control-eventos-jquery-elementos-dinamicos.html