使用瀑布流砖块masonry出现错误cannot call methods on masonry prior to

今天给一个页面写瀑布流砖块效果的时候使用了masonry，调试以外出现了如下错误：

cannot call methods on masonry prior to initialization; attempted to call method 'reload'

代码如下图：

查找资料发现是需要在使用的时候，初始化一次函数！这就好办了，改后的代码为：

$(document).ready(function(){
//瀑布流代码
    var $container = $('.list');

    $(".lazy").scrollLoading({
         callback: function() {
            $container.imagesLoaded(function(){
                $container.masonry().masonry('reload');
            });
        }
    });

    $container.imagesLoaded(function(){
        $container.masonry({
            itemSelector: '.masonry',
            columnWidth: 0 //每两列之间的间隙为5像素
        });
    });
})

红色代码为改动部分， 完美解决！

本文到此就要告一段落了，如果对你有帮助，能否打赏请我喝杯奶茶呢~ 感谢你的阅读。 

关注微信公众号「木小夭设计」，回复关键字“666”，免费领取IT必读98本经典电子书大礼包，