AJAX 无限滚动 $(window).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);
        }
    });