Показать jQuery "ожидание" GIF при загрузке страницы

Question

У меня есть движущийся гиф загрузочного бара.Я огляделся, пытаясь найти способ вернуть текущее завершение загруженной страницы, но это оказалось слишком сложным для моих нужд.

Все, что я хочу сейчас сделать, - это отобразить gif, покастраница загружается, на самом деле это просто так, чтобы пользователь не думал, что страница не загружается, а не служит какой-либо другой цели.

Есть ли способ узнать, загружается ли страница в данный момент или находится в процессезагрузка новой страницы, чтобы я мог отобразить gif в соответствующее время?

В данный момент gif скрыт при загрузке страницы и отображается при нажатии кнопки.Это работает, но вызывает проблему, когда вы возвращаетесь в браузере на эту страницу, где gif продолжает отображаться.

Если кто-нибудь знает хороший способ показать эти символы загрузки на странице, это было бы здорово.

Answer 1

На новой странице вы можете просто показать загрузочный gif в обычном режиме, а затем использовать jQuery, чтобы скрыть его, когда dom загружен, хотя это не будет определять, когда изображения все еще загружаются.

$(document).ready(function(){ 
    $("#loading").hide();
});

Если вывы используете AJAX, вы можете сделать что-то вроде этого:

$.ajaxSetup({
    beforeSend: function(data) {
        $("#loading").show();
    },
    complete: function(data) {
        $("#loading").hide();
    }
});

РЕДАКТИРОВАТЬ: на предыдущей странице, чтобы показать загрузочный GIF просто сделать:

$("#target").click(function() {
  $("#loading").show();
  return true;
});

Answer 2

В JQuery событие «.ready» запускается, когда DOM готов, в то время как событие «.load» запускается, когда все элементы загружены.Вы можете использовать их оба для контроля состояния страницы.

Хорошо, я перечитал комментарии.Таким образом, нет DOM, есть вызывающая страница, ожидающая, пока сервер завершит запрос, а затем перенаправит его.Итак, с вызывающей страницы, почему бы вам не выполнить ajax-запрос, чтобы вы могли управлять отображением gif, результатом успеха (fire redirect!) И результатом ошибки?