Discussion :

[nims]

Bonsoir à tous !

Débutant, je me pose des questions sur la syntaxe.
Sachant que toutes ces syntaxes fonctionnent, quelle est la meilleure ?

Code :

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

1
2
3
4
5
6
7
 
 
$(this).find('.madiv').stop().animate({top: h2+'%',queue:false,duration:400});
 
$(this).find('.madiv').stop().animate({top: h2+'%'},{queue:false,duration:400});
 
$(this).find('.madiv').stop().animate({top: h2+'%',queue:false}, 400);

Vos commentaires sont les bienvenues !

[danielhagnoul]

Bonsoir.

Seule la version 2 est conforme à la documentation, voir : http://docs.jquery.com/Effects/animate#paramsoptions

[nims]

Pourtant dans le même exemple, il y a :

Code :

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

1
2
3
4
5
6
 
$("#go1").click(function(){
      $("#block1").animate( { width:"90%" }, { queue:false, duration:3000 } )
         .animate( { fontSize:"24px" }, 1500 )
         .animate( { borderRightWidth:"15px" }, 1500);
    });

la durée est soit comme ceci : duration:3000 soit passée en dernière paramètre après la virgule (ici 1500)

[danielhagnoul]

Bonsoir

C'est la même écriture, mais comme on ne se sert que du paramètre « duration » il n'y a pas besoin de le préciser et d'utiliser des accolades.

Code :

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

1
2
3
4
5
6
$("#go1").click(function(){
      $("#block1").animate( { width:"90%" }, { queue:false, duration:3000 } )
         .animate( { fontSize:"24px" }, {1500} )
         .animate( { borderRightWidth:"15px" }, {1500});
    });