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