delay() und fadeOut() verzögern nicht attr() in der Warteschlange

Question

Was ist falsch in diesem Code? Ich versuche, diesen Effekt zu bekommen: fadeOut(500) und attr('class','myClass') um 600 Millisekunden verzögert .. dann wieder delay(600) und fadeIn(500). Die Verzögerungen passieren korrekt, aber die attr() wird nicht verzögert, es wird ausgelöst, wenn #myDiv immer noch verblasst! :. '(

$('#myDiv').fadeOut(500) 
      .delay(600) 
      .attr('class','myClass') 
      .delay(600) 
      .fadeIn(500); 

Answer 1

Die .delay() nur die Animation oder fx Warteschlange beeinflusst (es sei denn, Sie eine andere Warteschlange angeben speziell) Beachten Sie, dass die Verkettung und Warteschlangen sind zwei deutlich unterschiedliche Konzepte, Verkettungs weiterhin die Verwendung des gleichen jquery das ist gesetzt, aber eine andere Sache ganz als alle Ereigniswarteschlangen auf Elemente in diesem Satz

der .attr() Aufruf betroffen haben, können Sie es als Rückruf zu gleichen Warteschlange hinzuzufügen haben mit .queue(), wie folgt aus:.

$('#myDiv').fadeOut(500) 
      .delay(600) 
      .queue(function(next) { $(this).attr('class','myClass'); next(); }) 
      .delay(600) 
      .fadeIn(500); 

Auch

beachten gibt es .addClass(), .removeClass() und .toggleClass() Methoden zur Verfügung, die diese etwas sauberer machen kann :)