jquery - Rails 3アプリでJquery Masonryを使用すると、重複する画像/位置が正しく表示されない

Question

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

画像が重なり合って表示されます。ライブ Web サイトへのリンクは次のとおりです。

http://www.faisalandsamreen.com/meetus

ハード リフレッシュを数回行うと、毎回画像が移動することがわかります。

JS フィドル バージョンは次のとおりです。

http://jsfiddle.net/8n76g/

私は何を間違っていますか???

ありがとう、

ファイサル

Answer 1

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

$(window).load(function(){ })石工コードをブロックに入れる必要があります。スクリプトを HTML にインラインで配置するのは Rails の方法ではありません。問題は、画像がダウンロードされる前にスクリプトが読み込まれて呼び出される可能性が高いため、石工はそれらのサイズを判断できないことです。この関数は、画像がダウンロードされた後にのみ呼び出され、画像を正しくレイアウトできるようになります。