Ich versuche, Isotope auf dieser Site einzurichten, es muss das Layout handhaben und ich muss in der Lage sein, Elemente an den Container anzuhängen.

Das Problem ist, dass es die Bilder nicht richtig zu initialisieren scheint. Hier ist, wie ich es initialisiere:

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

Die Bilder sind von den Mauerwerksoptionen völlig unberührt, und wenn ich in meinem CSS "Breite" spezifiziere, habe ich Probleme beim Laden.

load_more führt einen Ajax-Aufruf durch und ruft bei Erfolg diese Funktion mit den zurückgegebenen Daten auf:

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

Die Seite isthttp://www.hotchinesebabes.com/ Die Seite ist arbeitssicher, es gibt keine Nacktbilder

Es sieht auch so aus, als ob die Site eine Aktualisierung benötigt, um richtig geladen zu werden. Vermutlich werden die Bilder beim zweiten Mal abgefangen, sodass sie beim ersten Mal aufgrund der Auslösung von Isotopen vor dem Laden der Bilder fehlschlagen.