javascript - jQuery 同位素动画不起作用，但过滤起作用

Question

我昨天在开发的网站上安装了同位素。直到一个小时前它都运行良好。过滤器可以工作，但动画已停止。

我不确定什么会导致动画停止工作。我没有更改网站上的任何内容。该代码位于页脚中，但我在下面提供了它:

    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/jquery.isotope.min.js"></script>

    <script>
    $(window).load(function(){
        var $container = $('#main-home');
        $container.isotope({
            filter: '*',
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
        });

        $('#filters a').click(function(){
            $('#filters .selected').removeClass('selected');
            $(this).addClass('selected');

            var selector = $(this).attr('data-filter');
            $container.isotope({
                filter: selector,
                animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                }
             });
             return false;
        }); 
    });
    </script>

如果有人有任何建议，我非常感谢您的帮助。这是我第一次实现同位素。

Answer 1

我解决了这个问题。我访问了这个页面:http://isotope.metafizzy.co/docs/animating.html并将 CSS 添加到网站中。

出于某种原因，它可以在没有 CSS 的情况下工作，不知道为什么我必须在动画事先正常工作后添加它。