jquery - 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

imagesLoaded()Isotopeで機能を確認する必要があります。Isotopeの初期化の前に画像が完全にロードされていない可能性があります。

    $（function（）{
        $（'＃last'）。imagesLoaded（function（）{
            $（'＃last'）。isotope（{
                itemSelector：'.post'、
                layoutMode：'fitRows'
            }）;
        }）;
    }）;

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