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