JavaScript mengawal kaedah memanggil fungsi panggil balik selepas imej dimuatkan_kemahiran javascript

Contoh dalam artikel ini menerangkan kaedah menggunakan JavaScript untuk mengawal fungsi panggil balik selepas imej dimuatkan. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kod ini boleh mengawal pelaksanaan fungsi panggil balik yang ditentukan selepas imej dalam kawasan yang dinyatakan dimuatkan.

Salin kod Kod adalah seperti berikut:

berfungsi apabila_images_loaded($img_container, panggil balik) {
/* lakukan panggilan balik apabila imej dalam $img_container (objek jQuery) hanya berfungsi apabila SEMUA imej dalam $img_container adalah imej yang baru dimasukkan dan fungsi ini dipanggil serta-merta selepas imej dimasukkan ke dalam sasaran var _imgs = $img_container.find('img'),
          img_length = _imgs.length,
          img_load_cntr = 0;
Jika (img_length) {//jika $img_container mengandungi imej baharu.
​ ​ _imgs.on('load', function() {//kemudian kami mengelakkan panggilan balik sehingga imej dimuatkan
                 img_load_cntr ;
Jika (img_load_cntr == img_length) {
                 panggil balik();
            }
        });
}
else { //jika tidak, lakukan saja tindakan panggil balik utama jika tiada imej dalam $img_container.
        panggil balik();
}
}

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.