javascript - 无限滚动::mixitup::json和ajax控制

Question

对于无限滚动，我根据 mixitup 插件和数据库 API 集的过滤器生成 url。

初始化无限滚动

function InitializeInfiniteScroll() {
var $infinite = jQuery('.mixitup').infiniteScroll({
    path: function() {
        return global.url +
            "&param1="+ global.param1 +
            "&param2="+global.param2 +
            "&param3=" + global.param3
    },
    // load page as text
    responseType: 'json',
    // disable history
    history: false,
    status: '.page-load-status',
    checkLastPage: false
});

$infinite.on( 'load.infiniteScroll', function( event, response ) {
    if(response.length > 0) {
        if(global.dataset === null) {
            global.dataset = response;
        } else {
            global.dataset = global.dataset.concat(response);
        }
        global.mixer.dataset(global.dataset);
        global.last_id = response[response.length-1].id;
    } else {
        global.lastp = 1;
        jQuery('.mixitup-container').infiniteScroll('lastPageReached');
    }
});
}

在 mixiut up 控件中，我用以下方式调用它:

//global params1 params2 params3 set
if(global.lastp === 1) {
  jQuery('.mixitup').infiniteScroll('destroy');
  InitializeInfiniteScroll();
  lxdata.last_page = 0;
} else {
  jQuery('.mixitup').infiniteScroll('loadNextPage');
}

我遇到问题，在调用lastPageReached 后无法调用loadNextPage。我不知道如何正确重置无限 ScrollView ，以便正确使用另一个数据列表。

这样我就得到一个错误:

Uncaught TypeError: o._init is not a function

Answer 1

以下答案对我有用(无限滚动 V3)。试图投票，但我的声誉很低。

只是为了澄清一点:

const infiniteScrollContainer = $('#your_container').data('infiniteScroll');
infiniteScrollContainer.enableScrollWatch();
infiniteScrollContainer.canLoad=true;
avatarScroll.pageIndex = 1;
avatarScroll.loadCount = 0;
infiniteScrollContainer.loadNextPage();