Как вы можете использовать Zepto для вызова функции, когда анимация заканчивается?

Question

В настоящее время я пишу приложение, используя Zepto и phonegap, и мне нужно знать, как вызвать функцию, когда анимация заканчивается.К сожалению, я не могу по-настоящему понять это из приведенных примеров или документации.Пока что самое близкое, к чему я смог подойти, это:

$('img').anim({ translatex: '500px', translatey: '500px', opacity: 1, complete: alert("Hello!") }, 2, 'linear');

Который вызовет оповещение перед анимацией.Кто-нибудь знает, как это исправить, чтобы оповещение сработало после?

Answer 1

Функция обратного вызова должна быть последним параметром вызова anim, и вы должны обернуть оповещение в функциональное выражение:

$('img').anim({ 
  translatex: '500px', 
  translatey: '500px', 
  opacity: 1        
}, 2, 'linear', function() { alert("Hello!") } );

Answer 2

Еще одна возможность помочь здесь - webkitTransitionEnd - http://www.cuppadev.co.uk/the-trouble-with-css-transitions/