ฟังก์ชันjQuery โทรกลับ
ฟังก์ชันเรียกกลับจะทำงานหลังจากเอฟเฟกต์ปัจจุบันเสร็จสิ้น 100%
ฟังก์ชัน jQuery โทรกลับ
คำสั่ง JavaScript จะดำเนินการทีละบรรทัด อย่างไรก็ตาม ด้วยเอฟเฟกต์ คุณสามารถเรียกใช้โค้ดบรรทัดถัดไปได้แม้ว่าเอฟเฟกต์จะยังไม่เสร็จสิ้น สิ่งนี้สามารถสร้างข้อผิดพลาดได้
เพื่อป้องกันสิ่งนี้ คุณสามารถสร้างฟังก์ชันเรียกกลับได้
ฟังก์ชันเรียกกลับจะดำเนินการหลังจากเอฟเฟกต์ปัจจุบันเสร็จสิ้น
ไวยากรณ์ทั่วไป: $( selector ).hide( speed,callback );
ตัวอย่าง
ตัวอย่างด้านล่างมีพารามิเตอร์เรียกกลับซึ่งเป็นฟังก์ชันที่จะดำเนินการหลังจากเอฟเฟกต์ซ่อนเสร็จสิ้น:
ตัวอย่างการโทรกลับ
$("button").click(function(){
$("p").hide("slow", function(){
alert("The paragraph is now hidden");
});
});
ตัวอย่างด้านล่างไม่มีพารามิเตอร์เรียกกลับ และกล่องแจ้งเตือนจะแสดงก่อนที่เอฟเฟกต์ซ่อนจะเสร็จสมบูรณ์:
ตัวอย่างที่ไม่มีการโทรกลับ
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});