Масонство бежит в конце страницы.

Я много играл с этим, и использовал масонство на кучу проектов. Я в тупике.Масонство бежит в конце страницы.

Я содержание элемента CSS устанавливается:

#content.video-grid { 
    margin: 0 auto; 
    overflow: hidden; 
}

С каждого кирпича данной этот CSS:

.grid-block { 
    float: left; 
    height: 220px; 
    width: 240px; 
    overflow: hidden; 
    padding: 0 0 20px 0; 
}

И Кладка называется так:

jQuery('#content.video-grid').masonry({ 
     itemSelector : '.grid-block', 
     columnWidth : 240, 
     isAnimated: true, 
     isFitWidth: true, 
     gutterWidth: 2 
    });

Это должно привести к не «перетасовки» кирпичей после загрузки страницы, но по какой-то причине он ждет, пока все не будет загружено, t и он применяет ширину к содержащему элементу в соответствии с isFitWidth.

Здесь не работает: http://dev.massmarket.tv/work/all/

Здесь же рабочая реализация: http://www.caviarcontent.com/los-angeles/

Так что должно быть что-то, что вызывает Кладка бежать поздно, но я не смог понять его вне. Чтобы быть ясным, я хочу, чтобы масонство работало до того, как изображения загружены, так что кирпичи находятся в правильном месте до загрузки изображений.

Спасибо!

источник

2012-02-27 Drew Baker

Пробовали ли вы, чтобы обернуть код:

$(window).load(function(){

});

источник

2012-03-28 12:25:49 inTOWN

Да, но это не решает мою проблему. Он правильно распределяется по расписанию ПОСЛЕ загрузки страницы. Я хочу, чтобы он находился на расстоянии правильно, пока страница загружается. Поскольку ширина изображения не определяет ширину каждого кирпича, она должна работать, когда страница загружается. –

$('img').load(function(){ 
    $('#container').masonry(); 
});

Не уверен, если это работает для вашего дела ..

источник

2013-08-26 05:05:40 xialin

Масонство бежит в конце страницы.

ответ

Смежные вопросы