Изотопный плагин jquery не отображается должным образом на Chrome

Question

Я успешно имплантировал плагин Isotope jquery, но по какой-то причине у меня возникают проблемы с отображением всех элементов при первой загрузке страницы, и это только в Chrome.

Здесь вы можете видеть, что происходит http://dl.dropbox.com/u/15358757/sd.jpg,, что элементы находятся друг над другом. но когда я нажимаю на PSD, а затем возвращаюсь ко всем, он отображается правильно.

У меня нет высоты по умолчанию для контейнера, потому что я хочу быть динамическим.

Есть идеи, как это исправить?

Answer 1

Проблема, вероятно, в том, что Isotope делает свое дело до загрузки изображений.

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

[В этой демонстрации] Изотоп запускается после загрузки всех изображений с загруженными изображениями плагин.

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

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

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