Jquery Chaining vs Callbacks

Question

Đối với jQuery, sự khác biệt trong kết quả của hai đoạn mã sau đây là gì. Có gì không? Tôi có chính xác rằng cuộc gọi lại và mục thứ hai trong chuỗi được thực thi sau khi hoàn thành hoạt ảnh đầu tiên không?

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

vs

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

Trong loại (s) về tình hình tôi muốn sử dụng một trong khác không? Tôi sẽ chỉ sử dụng sau này nếu tôi cần phải làm một cái gì đó tinh vi hơn hoặc chuyển sang một bộ chọn khác nhau?

Xin cảm ơn trước.

Answer 1

Chúng có hiệu quả giống nhau, vì vậy bạn có thể chỉ sử dụng đầu tiên.

Gọi lại (phiên bản thứ hai) là để chạy bất kỳ mã tùy ý nào không được xếp hàng tự động.

Điều này bao gồm các phương thức jQuery khác như .css() chẳng hạn, nếu không có trong gọi lại, sẽ chạy lâu trước khi hoạt ảnh hoàn tất.

// .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 }); 
}); 

---

Nếu không gọi lại ...

// 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

Sự khác biệt duy nhất là thời gian: Việc gọi lại trong ví dụ thứ hai sẽ không được thực hiện cho đến khi animate đầu tiên hoàn thành . Animate chuỗi trong ví dụ đầu tiên sẽ xảy ra ngay lập tức sau khi hoạt hình đầu tiên bắt đầu.