4

我有一个 Drupal 站点，主页是所有站点内容的视图。它是分页的，我正在使用 Masonry 和 Infinite Scroll jQuery 插件。

第一页加载良好，当您向下滚动时，它似乎确实可以正常工作。但是，它实际上跳过了第二页内容（寻呼机链接中的第 2 页）。我似乎无法弄清楚为什么。

当页面首次加载时，如果您不滚动，您可以将鼠标悬停在分页上并查看每个链接指向的 URL。当我在 firebug 中运行该站点时，AJAX 实际上正在加载分页中的第 3 页作为第一页，并直接跳过第 2 页。

请参阅此处的页面http://ninja.oncommunication.ca/

是因为 Drupal 在其分页中从第 0 页开始吗？我认为 Infinte Scroll 插件只是从“下一个”链接读取 URL，但显然不是因为该链接指向 Page=1 （这是分页中的第二页），但是当你滚动向下，加载的第一页是Page=2（也就是分页中的第三页）

有什么帮助吗？？

4

2 回答 2

1

我之前也遇到过类似的问题，尝试在初始化infinatescroll的时候设置currentPage选项，像这样：

请注意，您所需要的只是，currPage: 1但我已经包含了一整套选项，因为我发现选项和更多选项的子集往往会让人感到困惑。

也尝试使用这个数字，也许 0 或 2 会起作用？基本上，您是在告诉 infinateScroll 您从哪个页面开始，因为有时它无法根据下一个链接完全弄清楚。

    // initialize scroller
    $('.infinateScroll').find('ul:first').infinitescroll({

        // setup scroller options
        navSelector  : ".pager",            
        nextSelector : ".pager > li.next > a",    
        itemSelector : ".infinateScrollItem",
        debug        : false,
        animate         : false,
        loading: {
            finished: function() {},
            finishedMsg: "<p>No More to Load!</p>",
            msg: null,
            msgText: "<p>Loading&hellip;</p>",
            selector: null,
            speed: 'fast',
            start: undefined
        },
        state: {
            isDuringAjax: false,
            isInvalidPage: false,
            isDestroyed: false,
            isDone: false, // For when it goes all the way through the archive.
            isPaused: false,
            currPage: 1
        },
        bufferPx: 300 // ideal setting 300     

    }
于 2012-10-23T22:06:44.373 回答
0

您是否考虑过同样使用View Infinite Scroll模块？

于 2012-12-19T21:56:39.410 回答