animation jQuery () - tir complet trop tôt

Question

J'ai écrit un petit script d'animation qui se fane un ensemble de bandes de gauche à droite. Après toutes les animations sont un rappel complet des fonctions run SHOUD.

Le script est ici:

http://jsfiddle.net/9zkbu/

Il fonctionne très bien, mais je veux faire la même chose pour une animation de droite à gauche:

http://jsfiddle.net/FTrhX/

Comme vous pouvez le voir la fonction de rappel est déclenché avant la fin de l'animation :( La seule chose que j'ai changé est le delay(). Qu'est-ce que je fais mal ici? Pourquoi est « complet » en cours d'exécution avant que toutes les animations finissent?

Answer 1

Vous êtes presque là, vous avez fait inverser la direction, mais il a oublié sur le rappel pour compte également la reprise. Faire cela fonctionne pour moi:

complete: (i == 0) ? function(){alert('done');} : null

Parce que vous comptez l'autre sens si vous essayez de vérifier au complet Col. - 1 vous aurez trop tôt, vous devez l'obtenir à 0 ici. essayez celui-ci: http://jsfiddle.net/FTrhX/8/

Answer 2

Je regarde vos deux avant-premières et je suis vraiment impressionné! Bien que je ne comprends pas pourquoi .stop() est nécessaire dans la seconde fonction.

$('.col-' + i).delay(50 * (cols - i))

De cette façon, fonctionne très bien aussi, ou suis-je manque quelque chose?