jquery - 使用 jQuery Masonry 显示/隐藏回调？

Question

我想隐藏我的内容，直到 Masonry 有机会对其进行样式设置(以防止可怕的无样式内容闪烁)，然后隐藏 loader gif 。这是一个代码片段:

var $container = $('#deals');

$(window).load(function(){    
    $container.masonry({
        itemSelector : '.deals-wrapper',
        columnWidth : 0,
        isFitWidth: true
    });
},
function() {
    $container.show();
    $('#loader').hide();
});

但是，我注意到当调用 .show() 时，Masonry 尚未应用于内容。我知道在这个question ，Masonry 的创建者表示目前对 Masonry 回调没有很好的支持。有没有人想出一个不错的解决方法？

谢谢!

Answer 1

也许你可以使用CSS来隐藏元素，只要它加载。还有 .imagesLoaded() 函数。你可以在我的recent Question中看到一个例子.