MagnificPopup 内的 InfiniteScroll

Posted 2023-05-07

【中文标题】MagnificPopup 内的 InfiniteScroll

【英文标题】：InfiniteScroll inside MagnificPopup

【发布时间】：2019-06-10 23:32:52

【问题描述】：

我正在使用 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，如第一个代码示例所示。

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

【参考方案1】：

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