El nuevo contenido HTML no interactua

[charlys]

Buenas.

Mediante el método .append() de JQuery, añado unos div a la página.

Código:

jQuery('#lista').append('<div id="caja">Hola</div>');

Código HTML:

<div id="caja">Hola</div> 

Pero cuando intento conseguir los eventos de si entra el ratón en ese div o si hago click sobre el div no los consigo.

Código:

$("#caja").click(function() {});

En cambio si ese div lo he cargado con la página inicial y el evento lo tengo metido en $(document).ready(function() {}); Si se ejecuta

Me gustaría saber que tengo que hacer para que se ejecuten tales eventos sobre el div una vez inserte este mediante el método .append()

[maycolalvarez]

Cuando usas append, o añades nuevo contenido desde ajax, ese nuevo contenido no estaba disponible al momento de cargar la pagina, por lo tanto no tiene asignados dichos eventos, te recuerdo que el hecho de que jquery use clases CSS para asignación en masa no quiere decir que js haga lo mismo, eso es propio de jquery

Las soluciones son simples, o vuelves a asignar de nuevo los eventos, o simplemente utilizas jquery.live() que hace que automáticamente jquery se encargue de añadir los eventos a elementos nuevos

[Ribon]

La asignación de eventos se hace solo a los elementos que existen al momento de llamar a la creación del evento.

no se asigna dinámicamente a todos los elementos de las mismas caracteristicas creados posteriormente, para eso debes volver a asignarle los eventos a esots nuevos elementos.

por lo general la reasignación de eventos se hace en una función que los inicializa nuevamente y la llamas luego de cargados los nuevos elementos.

saludos.