delay() ve fadeOut(),

Question

numaralı kuyruktaki attr() öğesini bu kodda neyin yanlış yapmıyor? Bu etkiyi elde etmeye çalışıyorum: fadeOut(500) ve attr('class','myClass') 600 milisec ile geciktirildi .. daha sonra delay(600) ve fadeIn(500). Gecikmeler doğru bir şekilde gerçekleşiyor ancak attr() gecikmiyor, #myDiv hala sönüyorsa yanıyor! :. '(

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

Answer 1

.delay() sadece siz) özel olarak farklı bir kuyruğu belirtmedikçe animasyon veya fx kuyruğu (etkilemektedir zincirleme ve kuyruk 2 belirgin farklı kavramlardır unutmayın, zincirleme aynı jquery kullanımını sürdürmektedir ayarlayabilirsiniz, ancak o kümedeki öğe üzerinde herhangi bir olay kuyrukları daha tamamen farklı bir şey var

.attr() çağrı etkilenen sahip olmak için, böyle .queue() kullanarak aynı sıraya bir geri, olarak eklemek zorunda.

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

Ayrıca ben $ (this) .dequeue() `işlevi içinde` arasak bu biraz daha temiz :)