同位素jquery插件在chrome上无法正常显示

Question

我成功植入了Isotope jquery插件,但出于某种原因,我在第一次加载页面时显示所有项目时遇到问题而且只在Chrome上显示.

你可以在这里看到发生了什么http://dl.dropbox.com/u/15358757/sd.jpg,这些元素是彼此重叠的.但是,当我按下PSDs然后回到All,它显示正确.

我没有容器的默认高度,因为我想要是动态的.

知道如何解决这个问题吗？

Answer 1

问题可能是Isotope在加载图像之前正在做它的事情.

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

[在此演示中]在使用imagesLoaded插件加载所有图像后触发同位素.

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

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

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