jquery同位素选项用于元素上的自动高度

Question

所以我正在使用同位素masonry布局

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

问题是,如果我没有设置articlein css 的高度,布局看起来不是很好,项目重叠和东西,但我不能为元素设置固定的高度,因为它们是博客帖子,可以改变大小,你们有任何关于如何解决这个问题的提示吗？

Answer 1

问题解决了,你需要打电话 $(window).load instead of $(document).ready(

Answer 2

var $container = $('#container').imagesLoaded( function() {
  $container.isotope({
    // options
  });
});

见同位素 - imagesLoaded