In diesem Artikel wird die Methode von JavaScript beschrieben, um eine Rückruffunktion nach Abschluss des Bildes aufzurufen. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Dieser Code kann die Ausführung der angegebenen Rückruffunktion steuern, nachdem das Bild im angegebenen Bereich geladen wurde.
Die Codekopie lautet wie folgt: Funktion wobei_images_load ($ img_container, callback) {
/* Rufen Sie einen Rückruf durch, wenn Bilder in $ img_container (JQuery -Objekt) geladen werden. Funktioniert nur, wenn alle Bilder in $ img_container neu eingefügte Bilder sind und diese Funktion unmittelbar nach dem Einfügen von Bildern in das Ziel aufgerufen wird. */
var _imgs = $ img_container.find ('img'),
img_length = _imgs.length,,
img_load_cntr = 0;
if (img_length) {// Wenn der $ img_container neue Bilder enthält.
_imgs.on ('laden', function () {// Dann vermeiden wir den Rückruf, bis die Bilder geladen sind
img_load_cntr ++;
if (img_load_cntr == img_length) {
callback ();
}
});
}
sonst führen Sie einfach die Haupt -Callback -Aktion durch, wenn es keine Bilder in $ img_container gibt.
callback ();
}
}
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.