InfiniteScroll внутри MagnificPopup

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