Проблемы с компоновкой изотопного плагина Jquery
Я пытаюсь настроить изотоп на этом сайте, он должен обрабатывать макет, и мне нужно иметь возможность добавлять элементы в контейнер.
Проблема в том, что он, похоже, не инициализирует изображения должным образом, вот как я его инициализирую:
$(document).ready(function(){
var $container = $('#container');
$container.isotope({
masonry: {
columnWidth: 400,
gutterWidth: 10
},
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: true
},
resizesContainer: true,
});
load_more();
});
Изображения полностью не зависят от параметров кладки, и если я укажу «Ширина» в моем CSS, у меня возникнут проблемы с загрузкой.
load_more выполняет вызов ajax, и в случае успеха он вызывает эту функцию с возвращенными данными:
function data_loaded(data) {
var newItems = "";
for (var i = 0; i < data['posts'].length; i++) {
newItems += '<div class="item" ><img class="gallery_img" src="'+data['posts'][i]['images'][0]['path']+'" /></div>';
}
/* append images*/
var $newItemsObj = $(newItems);
$('#container').isotope( 'insert', $newItemsObj );
}
Сайтhttp://www.hotchinesebabes.com/ Сайт безопасен для работы, нет обнаженных изображений
Кроме того, кажется, что сайт нуждается в обновлении для правильной загрузки, я думаю, что изображения ловятся во второй раз, поэтому он терпит неудачу в первый раз из-за запуска изотопа до загрузки изображения?