@ololodf

Как правильно остановить ajax загрузку элементов при скролле?

var loadLink = $('#nav-load'), loadStatus = 0;
		    $(window).scroll (function () {
		        if ($(this).scrollTop() + $(this).height() + 50 > loadLink.offset().top) {
		            var urlNext = loadLink.find('a').attr('href');
		            if (urlNext !== undefined && loadStatus == 0) {
		                loadStatus = 1;
		                $.ajax({
		                    url: urlNext,
		                    beforeSend: function() {
		                        ShowLoading();
		                    },
		                    success: function(data) {
		                        $('#bottom-nav').remove();
		                        $('#dle-content').append($('#dle-content', data).html()).after($('#bottom-nav'));
		                        window.history.pushState("", "", urlNext);
		                        HideLoading();
		                        loadStatus = 0, loadLink = $('#nav-load');
		                    }
		                });
		            } else {
		                loadLink.remove();
		            };
		        };


Скрипт, подгружает новости на странице. Все отлично, но когда докручиваю до последней новости, он вместо того чтобы прекратить отображать их, подгружает бесконечно все новости из первой страницы.
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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