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

Question

我想隐藏我的内容，直到 Masonry 有机会对其进行样式设置（以防止无样式内容的可怕闪烁），然后隐藏加载程序 gif 。这是一个代码sn-p：

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 中查看示例。