Twitter Bootstrap plus同位素給了我奇怪的結果

Question

我嘗試將同位素整合到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初始化之前沒有完全加載。

 

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

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