1

Web Animations APIを発見したばかりで、これらのアニメーションにコールバック関数を導入する方法を見つけようとしています..次を使用してみました

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 }
], {
    fill: 'forwards',
    duration: 1000,
    onfinish: function() {
        // do stuff
    }
});

このセクションの w3c 仕様を見て、onfinishプロパティを使用する必要があると思いましたが、何も起こりません。

また、jQuery コールバック構文を使用してみました。

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 },
], {
    fill: 'forwards',
    duration: 1000
}, function() {
    // do stuff
});

しかし、もちろんこれもうまくいきません。どんなアイデアでも、それは単純なものだと確信しています。まだ情報を見つけることができませんでした。

4

1 に答える 1

2

このように少し調整するだけで、コールバックが機能します。

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 }
], {
    fill: 'forwards',
    duration: 1000
}).onfinish = function() {
    // do stuff
};
于 2015-04-23T12:54:08.310 に答える