Неправильная верхняя позиция jQuery Masonry

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

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

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

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

Мой скрипт masonry:

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

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

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

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

6
задан elbatron 3 June 2012 в 12:41
поделиться