jquery masonry文档就绪问题

Question

我已经启动了一个网站，但仍然有Jquery Masonry的问题。我读过几乎每一篇关于使用文档就绪与窗口加载的文章。每个人，除了包含我问题答案的帖子。

以下是该网站：http://www.buckysspecialspice.com

有时候很好。如今，情况并非如此。

我的函数文件是这样的。如果我使用的是Document Ready，那么在浏览器调整大小之前，post块有时会掉在一起。如果我使用窗口加载，所有的post块都是成行加载的。

任何建议都是很棒的。

// MASONRY

function anaximander_masonry() {
if (!is_admin()) {
    wp_register_script('jquery_masonry', get_template_directory_uri(). '/js/jquery.masonry.min.js', array('jquery'), '2.0.110526' );
    wp_enqueue_script('jquery_masonry');
    add_action('wp_footer', 'anaximander_add_masonry');

    function anaximander_add_masonry() { ?>
        <script>
            jQuery(window).load(function($){
              var $container = $('img');

                $container.imagesLoaded(function(){
                    $('#masonry-index').masonry({
                        itemSelector: '.index-post-container',
                        isAnimated: true,
                      columnWidth : 3
                    });
                });
            });
        </script>
    <?php 
    }
}
}

add_action('init', 'anaximander_masonry');

Answer 1

@author你可能想要$(window).load，因为它会等待一切加载(包括图片)，然后触发并重新排列砖石的东西。但是什么是.imagesLoaded呢？它只是在选择器中的图像加载后触发回调吗？为什么有这个和$(window).load？

此外，我会使用"jQuery“而不是"$"，因为它似乎不起作用(编辑:有人先我一步)