同位素 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...
  });
});