Überlappende Bilder/Position nicht richtig herauskommen, wenn Jquery Masonry on Rails 3 App

Question

Ich benutze jquery Maurerarbeit, um Bilder auf meiner Website zu platzieren, aber in Schwierigkeiten geraten.

Die Bilder zeigen sich übereinander. Hier ist ein Link zu der Live-Website:

http://www.faisalandsamreen.com/meetus

Wenn Sie eine harte ein paar Mal aktualisieren, werden Sie sehen, die Bilder bewegen sich jedes Mal.

JS Geige Version ist hier:

http://jsfiddle.net/8n76g/

Was mache ich falsch ???

Danke,

Faisal

Answer 1

Ich glaube, ich hatte das gleiche Problem, das Sie haben.

Sie müssen Ihren Mauerwerkcode in einen $(window).load(function(){ }) Block stecken. Es ist nicht die Art und Weise, wie man ein Skript in HTML einbinden kann. Das Problem besteht darin, dass Ihre Skripte wahrscheinlich geladen und aufgerufen werden, bevor die Bilder heruntergeladen wurden. Daher kann Maurerarbeit nicht herausfinden, welche Größe sie haben. Diese Funktion wird erst aufgerufen, wenn die Bilder heruntergeladen sind und sie dann korrekt angeordnet werden können.