@DeniSidorenko

Как удалить Magnific Popup?

У меня инициализируется галерея лишь при клике на другой элемент

$(cardParentEl).find('.card-slide').magnificPopup({
      delegate: 'a',
      type: 'image',
      closeOnContentClick: false,
      closeBtnInside: false,
      mainClass: 'mfp-with-zoom mfp-img-mobile',
     
      gallery: {
        enabled: true
      },
      callbacks: {
        open: function () {
          console.log('open')
        },
        close: function() {
          // Убрать вовсе
        }
      }
    });


Скажите как мне сделать что бы при закрытии ( Т.е срабатывания метода close ) удалить Magnific Popup.
Почему такое решение? У меня фотографии что показаны как галереи нужны для другого функционала. А та галерея вызывается лишь при клике на другой элемент.
  • Вопрос задан
  • 354 просмотра
Пригласить эксперта
Ответы на вопрос 2
@eternalfire
let enableMagnific = false;

$(cardParentEl).find('.card-slide').magnificPopup({
      delegate: 'a',
      type: 'image',
      closeOnContentClick: false,
      closeBtnInside: false,
      mainClass: 'mfp-with-zoom mfp-img-mobile',
     
      gallery: {
        enabled: true
      },
      callbacks: {
        open: function () {
          console.log('open')
          enableMagnific = true;
        },
        close: function() {
          // Убрать вовсе
         enableMagnific = false;
        }
      },
      disableOn: function() {
          return enableMagnific;
      }
    });
Ответ написан
Комментировать
@glagolew059
frontend developer
попробуйте на галерею при закрытии повешать вот это
.removeData('magnificPopup')
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 12:53
25000 руб./за проект
22 нояб. 2024, в 12:20
10000 руб./за проект
22 нояб. 2024, в 11:53
3000 руб./за проект