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; 
});