2012-02-13 18 views
8

Wszczepiłem wtyczkę jQuery Isotope, ale z jakiegoś powodu pojawia się problem z wyświetlaniem wszystkich elementów, gdy strona jest ładowana po raz pierwszy i jest tylko w Chrome.Wtyczka jQuery jawi się nieprawidłowo na chrome

Tutaj można zobaczyć, co się dzieje, http://dl.dropbox.com/u/15358757/sd.jpg, że elementy są na sobie nawzajem. ale kiedy naciskam na PSD, a potem z powrotem na Wszystko, pokazuje się poprawnie.

Nie mam domyślnej wysokości pojemnika, ponieważ chcę być dynamiczny.

Każdy pomysł, jak to naprawić?

Odpowiedz

24

Problem polega prawdopodobnie na tym, że Izotop wykonuje swoje zadanie przed załadowaniem obrazów.

http://isotope.metafizzy.co/demos/images.html

[W tym demo] Izotop jest wyzwalany po wszystkie obrazy są ładowane z wtyczką imagesLoaded .

http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

var $container = $('#container'); 

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
}); 
+0

Warto również zauważyć, że dodawanie elementów po inicjalizacji izotop wymaga stosując metodę 'insert', jak wyszczególniono w http://isotope.metafizzy.co/docs/methods.html #insert, w przeciwnym razie nadal będziesz mieć problem z nowymi przedmiotami. – meklarian

+0

Nie jestem pewien, czy OP miał wtyczkę czy nie, ale musiałem pobrać obrazyLoaded i wczytać je w/Isotope. https://github.com/desandro/imagesloaded –

Powiązane problemy