Fungsi Callback jQuery

Fungsi Callback dijalankan setelah animasi saat ini 100% selesai.

Masalah animasi jQuery

Banyak fungsi jQuery melibatkan animasi. Fungsi ini mungkin akan menimbulkan speed atau lama Sebagai parameter pilihan.

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

speed atau lama Parameter dapat diatur ke berbagai nilai, seperti "slow", "fast", "normal" atau milidetik.

Contoh

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

Coba sendiri

Karena pernyataan JavaScript (instruksi) dieksekusi secara bergantian - 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.

Grammar tipikal:

$(selector).hide(speed,callback)

callback Parameter adalah fungsi yang dijalankan setelah operasi hide selesai.

Salah (tidak ada callback)

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

Coba sendiri

Bener (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.