Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript steuert die Methode zum Aufrufen der Rückruffunktion, nachdem das Bild geladen wurde. Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:08:24
Original
1423 Leute haben es durchsucht

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.

Code kopieren Der Code lautet wie folgt:
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.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage