jquery - jQuery同位素砌体布局动画失败:(

Question

我正在尝试让jQuery Isotope 的砌体布局在这个测试站点上工作：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

似乎 Isotope 的默认“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;
});