2

要素の単純なアニメーションを作成しましたが、クールな効果の代わりにUncaught TypeError: Keyframes must be null or an array of keyframes.

<script>
        Polymer({
            is: 'marvin-user-entrance',
            behaviors: [
                Polymer.NeonAnimationRunnerBehavior
            ],
            properties: {
                animationConfig: {
                    value: function() {
                        return {
                            'fade-in':[{name: 'fade-in-animation', node: this}],
                            'fade-out':[{name: 'fade-out-animation', node: this}]
                        }
                    }
                }
            },
            animate: function () {
                this.playAnimation('fade-out');
            },
            ready: function () {
                this.$.auth.animate();
            }
        });

    </script>

Polymer自体の問題ではないようですが、私のコードやWebアニメーションノードのどこかに...

4

2 に答える 2

1

このPolymer要素内で関数が定義されているので、this.animate()代わりに呼び出す必要があります。this.$.auth.animate()animate

auth要素のみをアニメーション化する場合は、以下のように、要素全体ではなくnodeを指すように変更します -this.$.auth

node: this.$.auth
于 2015-12-27T23:23:01.710 に答える