砌体 - 网格盒之间的额外空间

时间:2015-02-20 14:54:03

标签: javascript jquery css jquery-masonry masonry

我正在开发一个网站的开发版本,我正在尝试将Masonry与Pure.css集成,以创建一个具有砌体堆叠外观的响应式网格。有时它可以工作,但很多时候我在网格框之间有额外的空间。如果我调整浏览器大小或运行无限滚动它似乎很好地重置,但初始加载通常是关闭。我已经尝试实现imagesLoaded,添加$(window).load指令以及许多其他方法。我甚至等了几秒钟后装满了所有的东西来初始化砖石,即便如此它也没关了。

这是我的砌体功能:

function mason() {
    $('#deals').imagesLoaded(function(){
        $('#deals').masonry({
            itemSelector: '.outerdeal',
            columnWidth: '.outerdeal',
            containerStyle: null,
            isResizable: true
        }); 
   });
}

这用于初始化。它重新加载$('#deals).masonry('reload')。我不确定Pure.css是否存在冲突(http://purecss.io/)。以下是包含错误的网站的链接:http://162.243.7.235/nyc

0 个答案:

没有答案