Artikel ini menjelaskan metode JavaScript untuk memanggil fungsi panggilan balik setelah pemuatan gambar selesai. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Kode ini dapat mengontrol eksekusi fungsi panggilan balik yang ditentukan setelah gambar di area yang ditentukan dimuat.
Salinan kode adalah sebagai berikut: function when_images_loaded ($ img_container, callback) {
/* Lakukan panggilan balik ketika gambar dalam $ img_container (objek jQuery) dimuat. Hanya berfungsi ketika semua gambar dalam $ img_container adalah gambar yang baru dimasukkan dan fungsi ini dipanggil segera setelah gambar dimasukkan ke dalam target. */
var _imgs = $ img_container.find ('img'),
img_length = _imgs.length,
img_load_cntr = 0;
if (img_length) {// Jika $ img_container berisi gambar baru.
_imgs.on ('load', function () {// Lalu kita menghindari panggilan balik sampai gambar dimuat
img_load_cntr ++;
if (img_load_cntr == img_length) {
callback ();
}
});
}
selain itu {// jika tidak lakukan saja tindakan panggilan balik utama jika tidak ada gambar di $ img_container.
callback ();
}
}
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.