@advancesss

Как вывести графический loader при автоподгрузке контента?

Здравствуйте, есть скрипт, который при прокрутке вниз подгружает на ajax данные. Подскажите пожалуйста как вывести loader в фомате gif или svg который бы отображался при загрузке данных ?

Спасибо за помощь

$(function() {
    var load_more = false;

    $(window).scroll(function() {
        if($("#ajax_next_page").length && !load_more) {
            var url = $("#ajax_next_page").attr("href");
            var offset_button = $("#ajax_next_page").offset();
            if($(this).scrollTop() >= offset_button.top - $(window).height()) {
                load_more = true;
                $.ajax({
                    url: url,
                    type: "POST",
                    data: {IS_AJAX: 'Y'},
                    success: function(data) {
                        $("#ajax_next_page").after(data);
                        $("#ajax_next_page").remove();
                        load_more = false;
                    }
                });
            }
        }
    });
});
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ответы на вопрос 1
notiv-nt
@notiv-nt
Перед $.ajax показывать элемент
в success убирать его
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы