Hàm Callback của jQuery

Hàm Callback được thực hiện sau khi animation hiện tại hoàn thành 100%.

Vấn đề animation của jQuery

Nhiều hàm jQuery liên quan đến animation. Những hàm này có thể sẽ speed hoặc duration Là tham số tùy chọn.

Ví dụ:$("p").hide("slow")

speed hoặc duration Tham số có thể được thiết lập với nhiều giá trị khác nhau, chẳng hạn như "slow", "fast", "normal" hoặc miliseconds.

Mẫu

$("button").click(function(){
$("p").hide(1000);
});

Thử ngay

Do các câu lệnh JavaScript (hướng dẫn) được thực hiện một cách riêng lẻ - theo thứ tự, các câu lệnh sau animation có thể gây ra lỗi hoặc xung đột trang vì animation vẫn chưa hoàn thành.

Để tránh trường hợp này, bạn có thể thêm hàm Callback dưới dạng tham số.

Hàm Callback của jQuery

Khi animation 100% hoàn thành, hàm Callback sẽ được gọi.

Cú pháp典型:

$(selector).hide(speed,callback)

callback Tham số là hàm được thực hiện sau khi thao tác hide hoàn thành.

Sai (không có callback)

$("p").hide(1000);
alert("Paragra夫 bây giờ đã ẩn");

Thử ngay

Đúng (có callback)

$("p").hide(1000,function(){
alert("Paragra夫 bây giờ đã ẩn");
});

Thử ngay

Kết luận:Nếu bạn muốn thực hiện câu lệnh sau khi hàm liên quan đến animation, hãy sử dụng hàm callback.