JQuery ждать, пока страница AJAX полностью загружена

Я использую AJAX для отображения содержимого страницы B на странице A.

Как я могу заставить jQuery ждать, пока все загрузится (текст, изображения и т. Д.), Прежде чем отобразится содержимое?

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

Я использую beforeSend, чтобы показать пользователю анимацию загрузки, когда обрабатывается AJAX-запрос. Теперь я хочу "продлить" время ожидания, чтобы анимация загрузки не исчезала до тех пор, пока не будут загружены все изображения.

I tried to initially hide appended data, wait for all images to load and then show content - $("body").on("load", "images class here", function() {//show content}) внутриsuccess но событие не похоже на огонь.

Есть идеи?

ОБНОВИТЬ:

Обновленный код:

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

Ответы на вопрос(2)

Ваш ответ на вопрос