Как люди достигают эффекта загрузки с модальными окнами jQuery?

Question

Я собираюсь динамически загружать определенную информацию в модальное окно через ajax.

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

Спасибо

Answer 1

Метод jQuery $.ajax() обеспечивает это, позволяя вам указать метод для вызова при вызове ajax и другой метод для вызова при ответе ajax.Логическим расширением этой функциональности является отображение div, содержащего анимированный GIF в первом вызове, и очистка его во втором вызове.Вот пример.Я делаю это в моем $.ajaxSetup вызове, когда устанавливаю значения по умолчанию для моего вызова ajax так, чтобы все мои вызовы ajax имели одинаковое поведение, но вы можете реализовать это на уровне $ .ajax, чтобы иметь потенциально другой тип поведения запуска / остановки в зависимости отпо ситуации.

    beforeSend: function() {
        $('div#ajaxProcessingMessageDiv').show();
    },
    complete: function() {
        $('div#ajaxProcessingMessageDiv').hide();
    }

Удачного кодирования,

Answer 2

Возможно рассмотрите возможность использования этого плагина jquery. BlockUI

// unblock when ajax activity stops 
$(document).ajaxStop($.unblockUI); 

function test() { 
    $.ajax({ url: 'wait.php', cache: false }); 
} 

$(document).ready(function() {  
    $('#pageDemo2').click(function() { 
        $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); 
        test(); 
    }); 
});

Answer 3

Иногда полезно информировать пользователей уведомителем jGrowl .

Answer 4

Поиск в Google по запросу "ajax loader", "загрузка ajax", "загрузка анимации" и т. Д. Выдает http://ajaxload.info/.