Я пытаюсь настроить изотоп на этом сайте, он должен обрабатывать макет, и мне нужно иметь возможность добавлять элементы в контейнер.

Проблема в том, что он, похоже, не инициализирует изображения должным образом, вот как я его инициализирую:

$(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 += '<img class="gallery_img" src="'+data['posts'][i]['images'][0]['path']+'">';
    }

    /* append images*/
    var $newItemsObj = $(newItems);
    $('#container').isotope( 'insert', $newItemsObj );
}

Сайтhttp://www.hotchinesebabes.com/ Сайт безопасен для работы, нет обнаженных изображений

Кроме того, кажется, что сайт нуждается в обновлении для правильной загрузки, я думаю, что изображения ловятся во второй раз, поэтому он терпит неудачу в первый раз из-за запуска изотопа до загрузки изображения?