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

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

你可以在这里看到发生了什么http://sofzh.miximages.com/javascript/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... }); });