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 中。

弹出窗口是这样初始化的：

$.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

MagnificPopup 中的 InfiniteScroll

InfiniteScroll inside MagnificPopup

jquery

ajax

delegates

infinite-scroll

magnific-popup