Tengo mi HTML como se muestra a continuación.

 <div class="blog-box"> <div class="blog-item" >...</div> <div class="blog-item" >...</div> <div class="blog-item" >...</div> </div>

y javascript con jquery e isotope js como

 var $container=$('.blog-box'); try{ $container.imagesLoaded( function(){ $container.show(); $container.isotope({ filter:'*', layoutMode:'masonry', animationOptions:{ duration:750, easing:'linear' } }); }); } catch(err) { }

Cuando trato de agregar más elementos de elementos de blog dinámicamente usando javascript, el ancho del elemento del cuadro de blog se convierte en cero. Intenté volver a ejecutar el js anterior cada vez que agrego elementos al cuadro de blog, pero no funciona. ¿Cómo puedo agregar más artículos de blog sin interferir con el diseño?