ฟังก์ชัน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");
});