jQuery Masonry errata posizione superiore

Question

Sto utilizzando Twitter Bootstrap con layout fisso insieme a jQuery Masonry su una pagina specifica.

Sta funzionando, tuttavia partendo dalla seconda riga le posizioni superiori delle div sono calcolate male e coprono parzialmente gli elementi della prima riga.

Sembra che lo script si interrompa prima di riorganizzare gli elementi.

Stranamente, quando apro l'ispettore in Chrome o ridimensiono leggermente il viewport, i div saltano nelle loro posizioni corrette. L'aggiornamento della pagina volte aiuta, a volte non lo fa ...

Il mio script in muratura:

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

È normale? Devo aggiungere window.resize allo script sopra?

Inserendo lo script di muratura nella pagina stessa o nell'intestazione, il piè di pagina non modifica il suo comportamento.

Sto chiamando masonry.js subito dopo jQuery, prima di qualsiasi altro Bootstrap js.

Answer 1

Basta leggere la sezione aiuto qui http://masonry.desandro.com/docs/help.html

lo script viene eseguito prima che tutte le immagini sono state caricate, è necessario innescare dopo la finestra di caricamento

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