.delay() ne fonctionne pas

Question

$('.link').click(function(){ 
    $paneTarget.stop().scrollTo('#due', 800, { margin: true }).toggleClass('selected'), 
    $("body").delay(1000).animate({backgroundColor: "#1c6e7a"},800); 

}); 

La fonction de délai ne fonctionne pas dans l'exemple. Si je supprime la valeur .delay le code fonctionne, mais j'ai besoin de l'arrière-plan pour changer après que l'autre fonction est terminée. Aucune suggestion?

Answer 1

Je suppose que c'est le plugin .scrollTo(). Le plugin permet un rappel après la fin de l'animation.

onAfter: Fonction à appeler après l'animation entière s'est terminée.

$('.link').click(function() { 
    $paneTarget.stop().scrollTo('#due', 800, { 
     margin: true, 
     onAfter: function() { 
      $("body").animate({ 
       backgroundColor: "#1c6e7a" 
      }, 800); 
     } 
    }).toggleClass('selected'); 
}); 

Example on jsfiddle

Answer 2

Je googlé à ce sujet et je pense que backgroundColor ne peut pas être animé pour que vous aurez besoin de la couleur du plugin jQuery:

http://plugins.jquery.com/project/color

Answer 3

Vérifiez la documentation, vous pouvez spécifier un rappel avec onAfter