веб-анимации функции API обратного вызова

Question

Я только что открыл Web Animations API, и я пытаюсь выяснить, как ввести функцию обратного вызова для этих animations..I've попытался с помощью следующей

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

Глядя на w3c spec на this section Я думал, что свойство onfinish - это то, что мне нужно использовать, но ничего не происходит.

Я также пробовал использовать синтаксис обратного вызова jQuery;

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

Но, конечно, это тоже не сработает. Любые идеи, я уверен, что это что-то простое, я пока еще не смог найти информацию.

Answer 1

У меня почти все было правильно, с небольшой настройкой, так, обратный вызов работает;

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