Загрузка GIF для запуска с использованием JQuery

Question

Я использую ASP.NET 3.5 Webforms.По сути, когда пользователь вызывает какую-либо обратную передачу (нажатие кнопки, переключение вкладки, изменение выпадающего меню и т. Д.), Я хочу, чтобы загрузочный gif-файл всплывал и затем заканчивался сразу после полной загрузки страницы.У меня есть решение ASP.NET (UpdateProgress), но оно становится грязным, если вы используете более одной UpdatePanel.Я не очень хорош в JQuery или Javascript, но я подумал, что кто-то должен был решить эту проблему раньше.

Любая помощь / помощь очень ценится.

Answer 1

Я не очень хорошо знаю ASP.NET, но я предполагаю, что вы можете получить доступ к элементам, по которым пользователь может щелкнуть, и создать постбэки, поэтому первым шагом было бы посмотреть на функцию click () jQuery: http://api.jquery.com/click/

При этом вы можете показать скрытый HTML-элемент, который содержит небольшой загрузочный GIF, чтобы скрыть страницу под загруженной страницей, я использую что-то вроде этого:

#loader
{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../image/ajax-loader.gif) no-repeat center center #f1ede5;
    z-index: 2147483647;
}
...
<div id="loader"></div>

Вы можете получить хорошую анимацию GIF от http://ajaxload.info/