在Rails 3应用程序上使用Jquery Masonry时，重叠的图像/位置不正确

Question

我正在使用jquery砌体将图像放在我的网站上，但遇到了麻烦。

图像相互叠加显示。这是现场网站的链接：

http://www.faisalandsamreen.com/meetus

如果您进行几次硬刷，您会看到图像每次都会移动。

JS小提琴版本在这里：

http://jsfiddle.net/8n76g/

我做错了什么???

谢谢，

费萨尔

Answer 1

我想我遇到了同样的问题。

您需要将您的砌体代码放在$(window).load(function(){ })块中。将脚本与HTML内联在一起并不是轨道方式。问题是您的脚本可能在图像下载之前被加载和调用，因此砌体无法确定它们的大小。只有在下载图像后才会调用此功能，然后才能正确显示它们。