Сбой анимации макета изотопной кладки jQuery :( - PullRequest
2 голосов
/ 08 июня 2011

Я пытаюсь получить макет кладки 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>

1 Ответ

9 голосов
/ 16 июля 2011

Похоже, изотоп имеет по умолчанию «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;
});
...