Ich verwende AJAX, um den Inhalt von Seite B auf Seite A anzuzeigen.

Wie kann ich jQuery warten lassen, bis alles geladen ist (Text, Bilder usw.), bevor der Inhalt angezeigt wird?

$.ajax({
    url:"pageB.html",
    beforeSend: function() {
        //show loading animation here
    }
    success: function(data) {
        //hide loading animation here
        $("body").append(data);
    }
});

Ich verwende beforeSend, um dem Benutzer eine Ladeanimation anzuzeigen, wenn die AJAX-Anforderung verarbeitet wird. Jetzt möchte ich die Wartezeit "verlängern", damit die Ladeanimation nicht verschwindet, bis alle Bilder geladen sind.

Ich habe versucht, die angehängten Daten zunächst auszublenden, darauf zu warten, dass alle Bilder geladen werden, und dann den Inhalt anzuzeigen.$("body").on("load", "images class here", function() {//show content}) Innerhalbsuccess Das Ereignis scheint jedoch nicht ausgelöst zu werden.

Irgendwelche Ideen?

AKTUALISIEREN:

Aktualisierter Code:

$.ajax({
    url:"pageB.html",
    beforeSend: function() {
        //show loading animation here
    }
    success: function(data) {
        //hide loading animation here
        $("body").append(data);
        $("body").on("onload", "img", function() {//display content});
    }
});