Wie können Sie Zepto verwenden, um eine Funktion, wenn eine Animation endet anrufen?

Question

Ich schreibe zur Zeit eine Anwendung mit Zepto und phonegap, und ich muss wissen, wie man eine Funktion aufzurufen, wenn eine Animation endet. Leider kann ich nicht wirklich herausfinden, aus den gegebenen Beispielen oder die Dokumentation. Bisher ist die nächste, die ich habe in der Lage zu kommen, ist:

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

Welche die Warnung vor der Animation auslösen. Hat jemand wissen, wie das so zu fixieren, dass der Alarm nach auslösen?

Answer 1

Die Callback-Funktion der letzte Parameter des Anim Aufruf sein sollte und Sie sollten die Warnung in einem Funktionsausdruck wickeln:

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

Answer 2

Eine andere Möglichkeit, hier zu helfen ist webkitTransitionEnd - http: // www.cuppadev.co.uk/the-trouble-with-css-transitions/