J'essaye de faire un div fade in/out dans une instruction each. Le problème est que l'élément suivant est appelé avant la fin du fondu entrant/sortant.attente pour chaque jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<div id='one'>one</div>
<div id='two'>two</div>
<div id='three'>three</div>
<script>
$.each([ "one", "two", "three"], function() {
console.log('start - ' + this);
animate(this);
console.log('end - ' + this);
});
function animate(id)
{
box = '#' + id;
$(box).fadeOut(500, function()
{
console.log('showing - ' + id);
$(box).fadeIn(500);
$(box).css('backgroundColor','white');
});
}
</script>
console
montre -
start - one
end - one
start - two
end - two
start - three
end - three
showing - one
showing - two
showing - three
je ne voudrais quelque chose comme -
start - one
showing - one
end - one
start - two
showing - two
end - two
start - three
showing - three
end - three
Alors, comment puis-je attendre pour chaque chaque 'être complètement fini avant de passer à la prochaine valeur?
, ceci est juste un exemple simple. Je pourrais vouloir faire des appels d'ajax avec les valeurs dans le tableau, appeler d'autres fonctions qui font d'autres choses, ou quelque chose d'autre. J'ai fait ce qui suit pour montrer un exemple simple de la façon dont chaque élément doit attendre que le précédent soit complètement terminé. – scott