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

Question

所以我使用同位素masonry布局

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

问题是，如果我不为articlein css 设置高度，布局看起来不太好，项目重叠和东西，但我不能为元素设置固定高度，因为它们是博客文章并且可以大小变了，各位大神有什么解决办法吗？

score 26 · Accepted Answer

26

问题已解决，需要致电$(window).load instead of $(document).ready(

于 2012-04-15T16:27:33.463 回答

score 8 · Accepted Answer

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

score 0 · Accepted Answer

发生这种情况是因为同位素在加载之前不知道您的图像大小。更好的方法是使用加载指示器（可能使用 imageLoaded 插件）加载图像，然后执行插入或附加同位素。与使用 $(window).load() 相比，您将拥有流畅的导航和更快的加载站点的错觉。

3 回答 3