Récurence sur CallBack

**dedis** · 24/08/2010, 11h56

Bonjour à tous,

j'essaie de faire une animation pour afficher les uns à la suite des autres des menus.
Pour l'instant je le fais de manière séquentielle en affichant chaque menu après l'autre dans le call back :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$('.ligneModule:first').show('slide',{ direction: "left" },500, function()
{
   $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function()
   {
      $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function()
      {
	 $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() 
	 {
	    $(this).next('li.ligneModule').show('slide',{ direction: "left" },500, function() 
	    {
	       $(this).next('li.ligneModule').show('slide',{ direction: "left" },500);
	     });
          });
	});
       });
     });

ça marche très bien, mais je ne trouve pas ça super propre.
Il doit bien y avoir un moyen de le faire sous forme de 'récurrence'

, cad: sans boucle (for, while, ou if) en utilisant uniquement le call back (un peu comme avec le langage lisp).

Je pensais à ajouter une pause dans le callback, pour avoir quelquechose du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$('.ligneModule').show('slide',{ direction: "left" },500, function()
			{
                          setTimeout(500);
			}

mais cela me les affiche toutes en même temps

Des idées ?

**marcha** · 25/08/2010, 11h45

Salut,

Dans ce goût là ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
function showNextMenu() {
   var next = $(this).next('li.ligneModule');
   if(next.size()) next.show('slide',{ direction: "left" }, 500, showNextMenu);
}
 
$('.ligneModule:first').show('slide',{ direction: "left" },500, showNextMenu);