jquery in altezza auto on elemento

Question

Così sto utilizzando l'isotopo masonry layout di

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

Il problema è che se non impostare l'altezza per il article in css, layout doesn Non mi sembra che gli oggetti si sovrappongano e roba, ma non posso impostare un'altezza fissa per gli elementi, dal momento che sono post di blog e possono cambiare dimensione, avete qualche suggerimento su come risolvere questo problema?

Answer 1

Problema risolto, è necessario chiamare $(window).load instead of $(document).ready(

Answer 2

var $container = $('#container').imagesLoaded(function() { 
    $container.isotope({ 
    // options 
    }); 
}); 

Vedi Isotope - imagesLoaded

Answer 3

questo accadesse perché isotopo doen't conoscere le dimensioni delle immagini prima del carico. Il modo migliore per farlo è utilizzare un indicatore di caricamento (magari con plug-in imageLoaded) per caricare le immagini e quindi eseguire un inserimento o un'aggiunta con isotopo. Avrai una navigazione fluida e l'illusione di un sito di caricamento più veloce rispetto all'utilizzo di $ (window) .load().