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

时间:2011-11-29 17:28:06

标签: jquery callback load jquery-masonry

我希望隐藏我的内容,直到Masonry有机会设置它(以防止可怕内容的可怕闪现),然后隐藏加载程序gif。这是一段代码:

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

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

但是,我注意到当调用.show()时,Masonry尚未应用于内容。我知道在question中,砌体的创造者表示目前对砌体回调没有很好的支持。有没有人想出一个像样的解决方案?

谢谢!

1 个答案:

答案 0 :(得分:2)

也许你可以使用css来隐藏元素,只要它的加载。 还有.imagesLoaded()功能。您可以在我的recent Question中看到一个示例。