jQuery的同位素磚石佈局動畫失敗:(

Question

我試圖讓jQuery Isotope's磚石佈局，在這個測試現場工作：http://make.truliablog.com/test-filters

這似乎是正確的對它們進行排序，但是當你調整窗口的大小和塊動畫調整不工作。我怎樣才能解決這個問題呢？

下面是相關的jQuery代碼。

<script> 
    jQuery(document).ready(function(){ 
     jQuery('#container').isotope({ 
      masonry : { 
       columnWidth : 50 
      } 
     }); 

     // Filter buttons 
     jQuery('#filters a').click(function(){ 
      var selector = jQuery(this).attr('data-filter'); 
      jQuery('#container').isotope({ filter: selector }); 
      return false; 
     }); 
    }); 
</script> 

Answer 1

看來同位素具有默認的「animationEngine」爲「CSS」。 最短方法是將'animationEngine'設置爲'jquery'（假設您使用的是jQuery）。

jQuery('#filters a').click(function(){ 
    var selector = jQuery(this).attr('data-filter'); 
    jQuery('#container').isotope({ 
     filter: selector, 
     animationEngine : "jquery" 
    }); 
    return false; 
});