delay() i fadeOut() nie opóźniają attr() w kolejce

Question

co jest nie tak w tym kodzie? Próbuję uzyskać ten efekt: fadeOut(500) i attr('class','myClass') opóźniony o 600 mil .. następnie delay(600) ponownie i fadeIn(500). Opóźnienia zdarzają się poprawnie, ale attr() nie jest opóźniony, strzela, gdy #myDiv nadal zanika! :. (

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

Answer 1

.delay() wpływa tylko animację lub fx kolejkę (chyba że podasz inną kolejkę specjalnie) Należy pamiętać, że łańcuchowym i kolejek są 2 wyraźnie różne pojęcia, łańcuchowym kontynuuje wykorzystanie tego samego jQuery ustawić, ale to inna sprawa całkowicie od wszelkich kolejek zdarzeń dotyczących elementów tego zestawu

aby mieć połączenie .attr() dotknięte, trzeba dodać ją jako zwrotnego do tej samej kolejki przy użyciu .queue() coś takiego:.

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

Należy również pamiętać, istnieją .addClass(), .removeClass() i .toggleClass() dostępnych metod, które mogą uczynić to nieco czystsze :)