retard jQuery entre deux animations

Question

Code:

$("#telecomGrayscale", this).stop().animate({ top: '467px' }, 
    { duration: 400 }).delay(800).queue(function() { 
       $("#boxcaptionTelecom", this).stop().animate({ top: '272px' }, { duration: 900 }); 
       }); 

Le code ci-dessus ne fonctionne pas au besoin. La 2ème animation qui se trouve dans la file d'attente() n'est pas en cours de fonctionnement.

J'ai juste besoin de retarder la seconde animation. Également essayé setTimeout et setInterval n'a pas pu les faire fonctionner.

Answer 1

Dans votre deuxième animation, le this est pas ce que vous pensez qu'il est, de sorte que le sélecteur avec this en contexte est très probablement vide.

Essayez si cela fonctionne:

var self = this; 
$("#telecomGrayscale", self) 
    .stop() 
    .animate(
     { top: '467px' }, 
     { duration: 400 } 
    ) 
    .delay(800) 
    .queue(
     function() { 
      $("#boxcaptionTelecom", self) 
       .stop() 
       .animate(
        { top: '272px' }, 
        { duration: 900 } 
       ); 
      return $(this).dequeue(); 
     } 
    ); 

Answer 2

Je pense qu'il devrait être en chaîne:

$("#telecomGrayscale", this).stop().animate({ top: '467px' }, 
{ duration: 400 }).delay(800).animate({ top: '272px' }, { duration: 900 }); 

modifier: Pardonne mon erreur. Si vous voulez le faire sur deux éléments différents, alors vous devez faire le premier paramètre de queue() 'fx', puis, en second paramètre, votre fonction. Regardez la documentation de la fonction à http://api.jquery.com/queue/