Fungsi Callback jQuery

Fungsi Callback dijalankan setelah animasi saat ini 100% selesai.

Masalah animasi jQuery

Banyak fungsi jQuery melibatkan animasi. Fungsi ini mungkin akan kecepatan atau Durasi Sebagai parameter pilihan.

Contoh:$("p").hide("slow")

kecepatan atau Durasi Parameter dapat diatur ke banyak nilai yang berbeda, seperti "slow", "fast", "normal" atau milidetik.

Contoh

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

Coba sendiri

Karena pernyataan JavaScript (instruksi) dijalankan secara berurutan - menurut urutan, pernyataan setelah animasi mungkin akan menghasilkan kesalahan atau konflik halaman, karena animasi belum selesai.

Untuk menghindari situasi ini, anda dapat menambahkan fungsi Callback sebagai parameter.

Fungsi Callback jQuery

Ketika animasi 100% selesai, fungsi Callback akan dipanggil.

Gramatika tipikal:

$(pemilih).hide(kecepatan,callback)

callback Parameter adalah fungsi yang dijalankan setelah operasi hide selesai.

Salah (tidak ada callback)

$("p").hide(1000);
alert("Paragraf sekarang tersembunyi");

Coba sendiri

Benar (ada callback)

$("p").hide(1000,function(){
alert("Paragraf sekarang tersembunyi");
});

Coba sendiri

Kesimpulan:Jika anda ingin melaksanakan pernyataan setelah fungsi yang melibatkan animasi, gunakan fungsi callback.