Reinitialise magnific popup jetpack infinite scroll

У меня есть одностраничный веб-сайт Wordpress, использующий Jetpack Infinite scroll для загрузки одного сообщения за раз. Я пытаюсь заставить Magnific Popup работать после того, как ajax из бесконечной прокрутки загружает сообщения после первого вызова.

Я предполагаю, что лучший способ сделать это - повторно инициализировать Magnific Popup, чтобы он мог работать после ajax, успеха, возможно, с обратным вызовом каким-то образом?

Мне пока не повезло с этим, хотя в Интернете довольно много сообщений с той же проблемой, например, с этим вопросом (бесконечная прокрутка с обратным вызовом Magnific Popup), хотя я не уверен, как интегрировать это решение с Infinite Scroll из Jetpack.

Вот мой призыв к вызову Magnific Popup. Есть ли способ запустить это снова, как только ajax загрузит следующий пост?

    $('.projectDocumentation').each(function() {
    $(this).magnificPopup({
        delegate: '.popPop',
        type: 'image',
        image: {
          titleSrc: 'caption',
          cursor: 'null', 
          verticalFit: true, 
        },
        gallery: {
          enabled:true,
          preload: [0,2], 
          navigateByImgClick: true,
          arrowMarkup: '<button type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
          tCounter: '<span class="mfp-counter-index">%curr%/%total%</span>'
        },
        disableOn: function() {
          if( $(window).width() < 600 ) {
            return false;
          }
          return true;
        }

    });
})
  • ПЕРЕСМОТРЕННЫЙ КОД НИЖЕ

    $('#contentContainer').on("click", ".popPop", function(e) {
            e.preventDefault();
    $(this).magnificPopup({
    type: 'image',
    image: {
      titleSrc: 'caption',
      cursor: 'null', 
      verticalFit: true,
    },
    gallery: {
      enabled:true,
      preload: [0,2], 
      navigateByImgClick: true,
      arrowMarkup: '<button type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
      tCounter: '<span class="mfp-counter-index">%curr%/%total%</span>'
    },
    }).magnificPopup('open');
    })
    

Взгляните на это: не уверен, но это может быть то, что вам нужно. github.com/dimsemenov/Magnific-Popup/issues/778 или stackoverflow.com/questions/203198/…

user3080408 11.08.2018 00:12

@ user3080408 спасибо за ссылки, сообщение на github очень помогло, и динамически загружаемые сообщения могут открывать изображение с помощью Magnific Popup. Единственное, что сейчас галерея не работает. Вы знаете, как мне заставить работать галерею?

R-G 14.08.2018 15:40

Я рекомендую вам начать другой вопрос с конкретных проблем с галереей, которые у вас возникают. В интересах пользователей, которые ищут вопросы, мы должны считать, что на этот вопрос дан ответ.

user3080408 15.08.2018 13:56
0
3
149
0

Другие вопросы по теме