1 febrero, 2018

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