0

昨日開発中のウェブサイトにアイソトープをインストールしました。1時間前までは問題なく動作していました。フィルターは機能しますが、アニメーションは停止しています。

アニメーションが機能しなくなる原因がわかりません。私はサイト上で何も変更していません。コードはフッターにありますが、以下に示します。

    <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>

誰かアドバイスがあれば、私は本当にあなたの助けに感謝します. アイソトープを実装するのはこれが初めてです。

4

3 に答える 3

2

問題を修正しました。私はこのページに行きました: http://isotope.metafizzy.co/docs/animation.htmlそして、CSS を Web サイトに追加しました。

何らかの理由で CSS なしで動作していましたが、アニメーションが事前に正常に動作していた後に追加しなければならなかった理由がわかりません。

于 2013-07-18T19:24:59.037 に答える
0

設定した場合:

animationEngine: 'best-available'

Isotope は、CSS3 Transition と jQuery animate() の間でアニメーションを選択します

アニメーションの説明と CSS コードは、http: //isotope.metafizzy.co/v1/docs/animation.htmlで確認できます。

于 2014-07-09T14:13:26.530 に答える