บทความนี้อธิบายวิธีการของ JavaScript เพื่อเรียกใช้ฟังก์ชันการเรียกกลับหลังจากการโหลดภาพเสร็จสมบูรณ์ แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
รหัสนี้สามารถควบคุมการดำเนินการของฟังก์ชั่นการโทรกลับที่ระบุหลังจากภาพในพื้นที่ที่ระบุถูกโหลด
การคัดลอกรหัสมีดังนี้: ฟังก์ชั่นเมื่อ _images_loaded ($ img_container, callback) {
/* โทรกลับเมื่อมีการโหลดภาพใน $ img_container (jQuery Object) ใช้งานได้เฉพาะเมื่อรูปภาพทั้งหมดใน $ img_container ถูกแทรกภาพใหม่และฟังก์ชั่นนี้เรียกทันทีหลังจากที่แทรกภาพลงในเป้าหมาย -
var _imgs = $ img_container.find ('img')
img_length = _imgs.length,
img_load_cntr = 0;
if (img_length) {// ถ้า $ img_container มีรูปภาพใหม่
_imgs.on ('โหลด', function () {// จากนั้นเราหลีกเลี่ยงการโทรกลับจนกว่าภาพจะถูกโหลด
img_load_cntr ++;
if (img_load_cntr == img_length) {
การโทรกลับ ();
-
-
-
else {// มิฉะนั้นเพียงแค่ดำเนินการโทรกลับหลักหากไม่มีรูปภาพใน $ img_container
การโทรกลับ ();
-
-
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน