jQuery Masonry incorrecta posición superior

Question

Estoy usando Twitter Bootstrap con diseño fijo junto con jQuery Masonry en una página específica.

Está funcionando, sin embargo, a partir de la segunda fila, las posiciones superiores de los divs se calculan mal y cubren parcialmente los elementos de la primera fila.

Parece que el script se cierra antes de reorganizar los elementos.

Extrañamente, cuando abro el inspector en Chrome o cambio el tamaño de la ventana, los divs están saltando a sus posiciones correctas. La actualización de la página de ayuda a veces, a veces no lo hace ...

Mi script de mampostería:

jQuery(document).ready(function(){ 
    jQuery('.span9').masonry({ 
     itemSelector: '.span3', 
     columnWidth: function(containerWidth) { 
     return containerWidth/3; 
     } 
    }); 
}); 

¿Es este comportamiento normal? ¿Debo agregar window.resize al script anterior?

Al colocar la secuencia de comandos de mampostería en la página o en el encabezado, el pie de página no cambia su comportamiento.

Llamo a masonry.js justo después de jQuery, antes que cualquier otro jots de Bootstrap.

Answer 1

Basta con leer la ayuda Sección aquí http://masonry.desandro.com/docs/help.html

El script se ejecuta antes de que todas las imágenes han sido cargados, lo que tienes que disparar después de la ventana de carga

$(window).load(function(){ 
    $('#container').masonry({ 
    // options... 
    }); 
});