2 respuestas en este tema

[jjap]

Hola, buenas tardes.... Tengo el siguiente problema.. Estoy realizando un catalogo de productos online Hago una consulta a un archivo php devuelvo los datos en formato json y segun la cantidad de registros que me devuelve creo con Javascript "X" cantidad de divs,  todo se crea perfectamente mi problema resulta que cuando esos elementos se crean la animacion o efectos javascript desaparecen. Ya les eh agregado la clase y todo pero no se soluciona... Este es el código que tengo.

delphi

div_contenedor=document.createElement("div");
div_contenedor.setAttribute("id","tile "+json[i].num + '_'+json[i].codigo_linea);
div_contenedor.setAttribute("class","live-tile ofiblue slide");
div_contenedor.setAttribute("data-direction","horizontal");

Estuve investigando en google y me dice que se soluciona con el metodo ON pero lo que aplico no me resulta.

delphi

$('#catalogo').on('.live-tile ofiblue slide','ready',function(){
  alert('Algo');
});

Aqui lo que trato de hacer es que cuando se cargue el div#catalogo todos los div's hijos que estoy creando ejecuten su animacion pero no resulta nada. Espero me puedan ayudar.

[porfi.dev]

Es un problema de Espacio / Tiempo, es decir estas haciendo un script que va a realizar algo en un elemento que no existe y que puede o no existir.

El evento "ready" me parece que solo aplica al DOM completo, entonces el evento Ready no te servira como lanzador.

Otro punto es que en una utilizas Javascript y el evento "on" que pones despues aplica solo a Jquery, en fin...

La solucion es que apliques a animación conforme se vaya creando el div, ya sea que llames una funcion para esto independiente, espero poder crear un ejemplo mas o menos para que se entienda.

[jjap]

hola  elporfirio... muchas gracias por responder... Te logro entender mas o menos...

En efecto tienes algo de razón en cuanto a el objeto puede o no existir... Estoy haciendo un paginador  de productos, los divs con la información de productos tienen cierta animación pero cuando refresco el contenido del div#catalogo con los nuevos productos esa animación se pierde... Cuando pagina DENTRO DEL DIV#CATALOGO borro loss div's con la información de cada producto y creo unos nuevos.. Espero me logres entender

Entiendo la parte que el evento ready no me funciona gracias...

la parte que me dices que tengo javascript y luego jquery era una prueba que estaba realizando.. ese ejemplo sencillo no me salia ahora tengo mas o menos idea..