Question

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

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

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

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

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

任何帮助??

Answer 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     

    }

Answer 2

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

无限滚动Drupal分页跳过第二页

2 个答案: