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

Question

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

你可以在这里看到发生了什么http://dl.dropbox.com/u/15358757/sd.jpg，这些元素是彼此重叠的。但是当我按下PSD然后回到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...
  });
});