Chồng chéo hình ảnh/vị trí không xuất hiện ngay khi sử dụng ứng dụng Jquery Masonry on Rails 3

Question

Tôi đang sử dụng khối xây dựng để đặt hình ảnh trên trang web của mình nhưng gặp sự cố.

Hình ảnh hiển thị trên đầu trang của nhau. Dưới đây là một liên kết đến các trang web sống:

http://www.faisalandsamreen.com/meetus

Nếu bạn là một khó khăn làm mới một vài lần, bạn sẽ thấy những hình ảnh di chuyển xung quanh mỗi lần.

JS phiên bản fiddle là ở đây:

http://jsfiddle.net/8n76g/

Tôi đang làm gì sai ???

Cảm ơn,

Faisal

Answer 1

Tôi nghĩ rằng tôi đã có cùng một vấn đề mà bạn đang gặp.

Bạn cần đặt mã xây trong khối $(window).load(function(){ }). Nó không phải là đường ray để đặt một kịch bản nội tuyến với HTML của bạn. Vấn đề là các tập lệnh của bạn có thể đang được tải và được gọi trước khi các hình ảnh đã được tải xuống, do đó, khối xây không thể làm việc ra kích thước của chúng. Chức năng này sẽ chỉ được gọi khi hình ảnh được tải về, và sau đó nó sẽ có thể đưa chúng ra một cách chính xác.