[SOLUCIONADO] Jquery sobre html cargado por ajax

[DandyCC]

Muy buenas. Tengo un problemilla que no sé resolver. Hay una parte de una página que cargo por ajax dinámicamente cuando la página se carga. El problema es que jquery no puede actuar sobre esos elementos cargados dinámicamente.

Por ejemplo, si tengo:

Código HTML:

<div class="comentario">
contenido del comentario
</div>
 

Y

Código Javascript:

$(".comentario").hover(
function() {
$(this).css("background", "red");
}, function() {
$(this).css("background", "blue");
}
);
 

Si el div lo cargo por ajax la instrucción jquery no funciona, pero si lo coloco en la página tal cual, sí.

¿Hay alguna forma de hacer que funcione?

Saludos

[rottenp4nx]

http://api.jquery.com/on/

Saludos

[DandyCC]

Gracias por contestar, pero pasa lo mismo, sigue sin funcionar nada sobre cualquier elemento cargado con ajax :(

edito: creo que he encontrado la respuesta con .live(). Voy a ver si funciona.

[DandyCC]

Vaya, .live fue eliminado en la versión 1.9.

Sigo sin saber como narices acceder a esos elementos :(

[rottenp4nx]

Código Javascript:

$("elementoPadre").on("click","elementoGenerado",function(){
 //...
});
 

Prueba así

Saludos

[DandyCC]

Eso lo probé antes cuando me dijiste lo de la función .on pero tampoco funcionaba. El caso es que he hecho un pequeño ejemplo de prueba al margen de la web que estoy desarrollando y sí funciona, pero luego lo traslado al código real y nada. Seguiré investigando a ver donde la estoy cagando!

Gracias igualmente!

[rottenp4nx]

Te dejo un link que te puede ayudar

http://www.arumeinformatica.es/blog/...dinamicamente/

Saludos

[DandyCC]

Me cago en la leche!! Ya lo solucioné, soy idiota! Simplemente había escrito mal la clase de los elementos, en vez de "comentarios" había escrito "comentraios". Casi todo el día perdido por esta gilipollez! Que rabiaaaaaa!!!!

Muchas gracias por tus respuestas, gracias al método .on logré lo que pretendía, aunque tardase más por mi propia incompetencia!