MagnificPopup 内的 InfiniteScroll

Question

我正在使用 Infinite Scroll（由 Metafizzy 提供）在一个 Magnific Popup 中。这是我当前的代码：

$('.conversation__view').infiniteScroll({
    path: '.nextPage',
    append: '.message__single',
    history: false,
    hideNav: '.conversation__view ul.pagination'
});

导航已隐藏，但未加载下一篇文章。我尝试更改scrollThreshold 值，甚至尝试使用按钮和loadOnScroll: false，但没有任何反应。

我在页面的另一部分使用相同的脚本，只是不在 Magnific Popup 中。

Popup 是这样初始化的：

$.magnificPopup.open({
    items: {
        src: '/messages/list',
    },
    type: 'ajax',
    ajax: {
        settings: null,
        cursor: 'mfp-ajax-cur'
    }
});

在此列表中是打开对话详细信息视图的链接，打开方式如下：

$('body').on('click', '#messages__overlay a.single', function(ev){
    $('#messages__overlay .messages__content').html('Loading...').load($(this).attr('href');
});

.load 有一个回调（此处未显示），我在其中初始化了infiniteScroll，如第一个代码示例所示。

还有什么我没有想到的想法？

Answer 1

我不知道我需要这个选项才能让它工作，但这就是我所需要的：https://infinite-scroll.com/options.html#elementscroll