Twitter Bootstrap加上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

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

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

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