Próbuję skonfigurować izotop na tej stronie, musi on obsługiwać układ i muszę mieć możliwość dołączania elementów do kontenera.

Problem polega na tym, że nie wydaje się, aby poprawnie inicjować obrazy, oto jak to zainicjować:

$(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();
});

Opcje murów nie mają wpływu na obrazy, a jeśli określę „Szerokość” w moim CSS, mam problemy z ładowaniem.

load_more preformuje wywołanie ajax i po pomyślnym wywołaniu wywołuje tę funkcję ze zwróconymi danymi:

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 );
}

Strona jesthttp://www.hotchinesebabes.com/ Strona jest bezpieczna do pracy, nie ma nagich obrazów

Wygląda też na to, że strona wymaga odświeżenia, aby ładować się poprawnie, chyba obrazy są wychwytywane po raz drugi, więc zawodzi po raz pierwszy z powodu wyzwalania izotopu przed załadowaniem obrazu?