Rails 3アプリでJquery Masonryを使用しているときに重なり合った画像/位置が正しく表示されない

Question

jquery masonryを使用してウェブサイトに画像を配置していますが、問題が発生しています。

画像がお互いの上に表示されています。ここでは、ライブのウェブサイトへのリンクです：

http://www.faisalandsamreen.com/meetus

あなたはハードリフレッシュを数回行う場合は、画像の周りのすべての時間を移動表示されます。

JSフィドルバージョンはここにある：私は間違っ

http://jsfiddle.net/8n76g/

何をやっています？

おかげで、

ファイサル

Answer 1

は、私はあなたが持っているのと同じ問題を抱えていたと思います。

ブロックのブロック番号を$(window).load(function(){ })にする必要があります。あなたのHTMLにスクリプトをインラインで置くのは、レールの方法ではありません。問題は、イメージがダウンロードされる前にスクリプトがロードされていて、呼び出されている可能性があります。この関数は、画像がダウンロードされた後にのみ呼び出され、正しくレイアウトすることができます。