InfiniteScroll внутри MagnificPopup - PullRequest
Новая
       18

InfiniteScroll внутри MagnificPopup

0 голосов
/ 16 января 2019

Я использую 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, как видно из первого примера кода.

Есть еще идеи, о которых я не задумывался?

1 Ответ

0 голосов
/ 24 января 2019

Я не знал, что мне нужна эта опция, чтобы она работала, но это то, что мне нужно: https://infinite -scroll.com / options.html # elementscroll

...