AJAX无限滚动$（窗口）.scroll（function（）{无法正常工作

Question

我试图在我的rails应用程序中加入无限滚动，但成功有限。我现在使用rails gem will_paginate进行分页，但我的无限滚动脚本没有超过$(window).scroll(function() {函数。

$(document).on('ready page:load', function() {
    console.log('test');
    $(window).scroll(function() {
        console.log('test2');
        var url = $('.pagination span.next').children().attr('href');
        if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
            $('.pagination').text("Fetching more products...");
            return $.getScript(url);
        }
    });
});

第一个测试是传递，但是当我检查Chrome中的元素时，脚本没有进入第二个测试。你能明白为什么吗？

Answer 1

将$（window）.scroll（）放在ready（）的一边作为

$(window).scroll(function() {
        console.log('test2');
        var url = $('.pagination span.next').children().attr('href');
        if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
            $('.pagination').text("Fetching more products...");
            return $.getScript(url);
        }
    });