jQuery Каменная кладка неправильная верхняя позиция

Question

Я использую Twitter Bootstrap с фиксированным расположением наряду с jQuery Masonry на определенной странице.

Работает, однако, начиная со второй строки, верхние позиции divs просчитываются и частично покрывают элементы первой строки.

Похоже, что скрипт завершает работу перед перестановкой элементов.

Странно, когда я открываю инспектора в Chrome или немного изменяю размер окна просмотра, divs прыгают в правильное положение. Обновление страницы иногда помогает, иногда нет ...

Мой Кладка сценарий:

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

Это нормальное поведение? Должен ли я добавить window.resize к вышеуказанному сценарию?

Размещение сценария кладки на самой странице или в заголовке, нижний колонтитул не изменяет его поведение.

Я вызываю masonry.js сразу после jQuery, перед любым другим Bootstrap js.

Answer 1

Просто прочитайте раздел справки здесь http://masonry.desandro.com/docs/help.html

Скрипт работает, прежде чем были загружены все изображения, вы должны запустить его после загрузки окна

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