Jquery Chaining vs Callbacks

Question

Dla jQuery, jaka jest różnica w wyniku następujących dwóch fragmentów kodu. Byle co? Czy poprawiam, że wywołanie zwrotne i drugi element w łańcuchu są wykonywane po ukończeniu pierwszej animacji?

$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

vs

$(selector).animate({ opacity: 1}, function() 
{ 
    $(this).animate({ opacity: 0.5 }); 
}); 

w jaki typu (-ów) sytuacji chciałbym używać jednego nad drugim? Czy używałbym tego ostatniego tylko wtedy, gdy potrzebowałbym czegoś bardziej wyrafinowanego lub przejść na inny selektor?

Z góry dziękuję.

Answer 1

Są one praktycznie takie same, więc prawdopodobnie użyjesz pierwszego.

Połączenia zwrotne (druga wersja) służą do uruchamiania dowolnego kodu, który nie jest automatycznie umieszczany w kolejce.

Obejmuje to na przykład inne metody jQuery, takie jak .css(), które, jeśli nie występują w wywołaniu zwrotnym, będą działać długo przed ukończeniem animacji.

// .animate() is automatically queued 
$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

---

// .css() is not automatically queued, so you'd need a callback 
$(selector).animate({ opacity: 1 }, function() { 
    $(this).css({ opacity: 0.5 }); 
}); 

---

Bez zwrotnego ...

// Animation starts ----v 
$(selector).animate({ opacity: 1 }).css({ opacity: 0.5 }); 
// ...but .css() runs immediately-------------^ 
// ...because it isn't automatically added to the queue. 

Answer 2

Jedyną różnicą jest termin: zwrotna w drugim przykładzie nie będzie wykonywana, aż ukończy pierwszy ożywione . Zakotwiczony animator w pierwszym przykładzie stanie się natychmiast po rozpoczęciu pierwszej animacji.