Question

好的工作人员如下，当页面完成加载，砌体失败，我不知道为什么，但我发现了一个方法是masonry.reload。

这种方法有时会起作用，我想知道为什么。

var $container = $('.container');
$container.masonry({    
        itemSelector: '.item',
        columnWidth: 25

}).imagesLoaded(function(){
    $container.masonry('reload');   
});

Answer 1

在较新版本的砌体中，您使用“reloadItems”而不是“reload”。我跑过this thread的小费，指出了我正确的方向。

.imagesLoaded(function(){
      $container.masonry('reloadItems');   
      $container.masonry('layout');
});

Answer 2

尝试以下方法：

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>

var $grids = $('.masonrow').masonry({
    itemSelector : '.masonryme' 
});

$("#Box").append(e).imagesLoaded(function() {
    $grids.masonry('reloadItems');   
    $grids.masonry('layout');
});

Answer 3

我和你有同样的问题

昨天我从它的github存储库下载了砌体，并且砌成（'reload'）方法有效，但现在我将脚本源更改为cdn并且它不再工作了，可能是因为不同的版本，经过一些谷歌搜索后，我得到了这个{{ 3}}，。masonry（'reloadItems'）重新收集所有item元素

没有这种方法'重装'为砌体实例

3 个答案: