jquery masonry 在 chrome/safari 中中断(堆叠图像)，但仅在第一次加载时

Question

似乎当我尝试加载页面时，所有图像都堆叠在一起。但是，如果您单击一个链接，将您带到同一页面(例如主页链接)，那么砌体就会启动。所以我认为砌体加载得太早，就像在 jquery 准备好页面或其他东西之前一样。

这是我的 jquery 调用:

$(document).ready(function(){
    $('#image_roll_container').masonry({
        itemSelector: '.box'
    });

....

这是有问题的页面:

http://ratattoos.com/

它在 Firefox 和 IE8 中运行良好。

Answer 1

我已经通过以下调整成功解决了这个问题:

<script type="text/javascript">
    $(document).ready(function(){
        $('img').load(function(){
            $(".content_photo").masonry();
        });
        $(".content_photo").masonry();
    });
</script>