Как вы можете использовать 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/