Problema al crear elementos en dinámicos con javascript

[jjap_unefa]

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.

Código:

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.

Código:

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