Отобразить значок загрузки для фактической продолжительности времени загрузки документа?

Question

используя jQuery load или что-то подобное, можете ли вы вложить функцию внутри функции .load () и отобразить значок загрузки для фактического времени загрузки файла?

Я делал подобные вещи, ноЯ никогда не подтверждал себе, что это возможно

Answer 1

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

$('#loadingImage').fadeIn();

$('#result').load('mysite/mypage', function() {
   // loading complete - callback called
   $('#loadingImage').hide();
});

Answer 2

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

В качестве альтернативы вы можете использовать ajaxStart и ajaxStop, чтобы сделать это для любого запроса, который вы отправляете на странице в любое время. ajaxStart запускается, когда запускается ajax-запрос, и в данный момент не выполняется никаких других; ajaxStop запускается, когда завершается запрос ajax, и нет других ожидающих.

Таким образом, вы могли бы иметь элемент с «1018 *« загрузкой », который изначально скрыт, и сделать это:

$("#loading")
    .ajaxStart(function() { $(this).fadeIn();  })
    .ajaxStop( function() { $(this).fadeOut(); });

Подробнее см. В связанных документах.