jquery砖石在chrome / safari中打破(堆叠图像),但仅在第一次加载时

看来当我尝试加载页面时,所有的图像都堆叠在一起.但是如果您点击一个链接,您将链接到同一页面(如主页链接),那么砖石踢了.所以我认为砌体正在加载太早,就像之前 jquery准备好页面或某事.

这里我的jquery调用：

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

....

以下是相关页面：

http://ratattoos.com/

它在Firefox和IE8中工作正常.

解决方法

我已经设法解决这个问题与以下调整：

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