Question

我正在使用无限滚动（由Metafizzy开发），内部是一个宏伟的弹出式窗口。这是我当前的代码：

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

1 个答案: