同位素砌体项目彼此重叠

Question

我正在使用同位素砌体库，每个项目根据其内容具有不同的高度

所以我使用这个代码来显示它们：

$(window).on('load', function() {
    var $container = $('.members_results').imagesLoaded( function() {
        $container.isotope({
              itemSelector : '.block-member', 
              layoutMode : 'masonry',
              percentPosition: true
        });
    });
});

但我有这个显示：

它们自己重叠了，我不知道如何解决它..

顺便说一下，我为 height: auto; 设置了 .block-member

感谢您的帮助！

Answer 1

您正在将 $container 变量分配给使用该变量的函数的结果。我相信你应该先分配它，像这样：

$(window).on('load', function() {
    var $container = $('.members_results');

    $container.imagesLoaded( function() {
        $container.isotope({
            itemSelector : '.block-member', 
            layoutMode : 'masonry',
            percentPosition: true
        });
    });
});