Używam AJAX do wyświetlania zawartości strony B na stronie A.

Jak sprawić, by jQuery poczekał, aż wszystko się załaduje (tekst, obrazy itp.) Przed wyświetleniem treści?

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

Używam polecenia przedSend, aby wyświetlić animację ładowania dla użytkownika podczas przetwarzania żądania AJAX. Teraz chcę „przedłużyć” czas oczekiwania, aby animacja ładowania nie zniknęła, dopóki wszystkie obrazy nie zostaną załadowane.

Próbowałem początkowo ukryć dołączone dane, poczekać na załadowanie wszystkich obrazów, a następnie wyświetlić zawartość -$("body").on("load", "images class here", function() {//show content}) wewnątrzsuccess ale wydarzenie nie wydaje się strzelać.

Jakieś pomysły?

AKTUALIZACJA:

Zaktualizowany kod:

$.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});
    }
});