Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von JavaScript zur Steuerung der Rückruffunktion nach dem Laden des Bildes. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Dieser Code kann die Ausführung der angegebenen Rückruffunktion steuern, nachdem die Bilder im angegebenen Bereich geladen wurden.
function when_images_loaded($img_container, callback) {
/* Rückruf durchführen, wenn Bilder in $img_container (jQuery-Objekt) geladen werden. Funktioniert nur, wenn ALLE Bilder in $img_container neu eingefügt werden und diese Funktion sofort aufgerufen wird, nachdem Bilder in das Ziel eingefügt wurden
var _imgs = $img_container.find('img'),
img_length = _imgs.length,
img_load_cntr = 0;
If (img_length) {//ob der $img_container neue Bilder enthält.
_imgs.on('load', function() {//dann vermeiden wir den Rückruf, bis Bilder geladen sind
img_load_cntr ;
If (img_load_cntr == img_length) {
callback();
}
});
}
else { //Andernfalls führen Sie einfach die Haupt-Callback-Aktion aus, wenn in $img_container keine Bilder vorhanden sind.
callback();
}
}
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.