JQuery getScript (URL) дублирует называет

Question

я этот кусок JQuery кода реализованы для бесконечной прокрутки на странице:

paginate = function() { 
    if ($('.pagination').length) { 
    $(window).scroll(function() { 
     var url; 
     url = $('.pagination a.next_page').attr('href'); 
     if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) { 
     $('.loader').removeClass('hidden'); 
     return $.getScript(url); 
     } 
    }); 
    return $(window).scroll(); 
    } 
}; 

$(document).on("page:load ready", paginate); 

проблема заключается, что, когда эта функция вызывается я вижу в developer_tools/сети 2 получают запросы к Тот же URL, это происходит случайно, может быть 1 запрос, может быть 2.

не удается найти решение в течение нескольких дней в настоящее время. В отчаянной необходимости помощи.

Answer 1

Ну, до того, как сценарий будет загружен, событие прокрутки теоретически может быть запущено много раз. Один из способов обойти это было бы так:

paginate = function() { 
    if ($('.pagination').length) { 
    $(window).scroll(scrollHandler); 
    return $(window).scroll(); 
    } 
}; 

scrollHandler = function() { 
    var url; 
    url = $('.pagination a.next_page').attr('href'); 
    if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) { 
    $('.loader').removeClass('hidden'); 
    $(window).unbind('scroll'); 
    return $.getScript(url, function() { 
     $(window).bind(scrollHandler); 
    }); 
    } 
}; 

Идея заключается в том, чтобы отвязать событие прокрутки, когда запрашивается скрипт, и после загрузки сценария, перепривязывают его.

Answer 2

Найденный рабочий пример, отправляет запрос 1 каждый раз.

кофе сценарий:

onEndless = -> 
    url = undefined 
    $(window).off "scroll", onEndless 
    url = $(".pagination a.next_page").attr("href") 

    if url and $(window).scrollTop() > $(document).height() - $(window).height() - 150 
    $(".loader").removeClass "hidden" 
    $.getScript url, -> 
     $(window).on "scroll", onEndless 

    else 
    $(window).on "scroll", onEndless 

$(window).on "scroll", onEndless 
$(window).scroll() 

JS:

var onEndless; 

onEndless = function() { 
    var url; 
    $(window).off('scroll', onEndless); 
    url = $('.pagination a.next_page').attr('href'); 
    // $('.pagination').hide(); 
    if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 150) { 
    $('.loader').removeClass('hidden'); 
    return $.getScript(url, function() { 
     return $(window).on('scroll', onEndless); 
    }); 
    } else { 
    return $(window).on('scroll', onEndless); 
    } 
}; 

$(window).on('scroll', onEndless); 

$(window).scroll();