jquery - 使用 Jquery Masonry on Rails 3 应用程序时重叠的图像/位置不正确

Question

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

图像显示在彼此之上。以下是直播网站的链接：

http://www.faisalandsamreen.com/meetus

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

JS小提琴版本在这里：

http://jsfiddle.net/8n76g/

我究竟做错了什么？？？

谢谢，

费萨尔

Answer 1

我想我遇到了和你一样的问题。

您需要将砌体代码放在一个$(window).load(function(){ })块中。将脚本内嵌到 HTML 中不是 Rails 方法。问题是您的脚本可能在图像下载之前被加载和调用，因此砌体无法确定它们的大小。只有在下载图像后才会调用此函数，然后才能正确布置它们。