jquery - Twitter Bootstrap plus Isotope 给了我奇怪的结果

Question

我尝试将 Isotope 集成到 Bootstrap 项目中，但效果并不好。

这里有一些代码来解释：

<section id="last" class="row">
  <article class="post span3">
    ...
  </article>
  <article class="post span3">
    ...
  </article>
  <article class="post span3">
    ...
  </article>
</section>

$(function(){
  $('#last').isotope({
    itemSelector : '.post',
    layoutMode : 'fitRows'
  });
});

这是奇怪的结果

你知道它为什么给我这个吗？：/

Answer 1

您应该检查imagesLoaded()同位素中的功能。也许在 Isotope init 之前图像没有完全加载。

    $(函数(){
        $('#last').imagesLoaded(function(){
            $('#last').isotope({
                itemSelector : '.post',
                布局模式：'fitRows'
            });
        });
    });

http://isotope.metafizzy.co/docs/help.html