Я использую 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.