Magnific Popup находится позади модального бутстрапа - PullRequest
Новая
       18

Magnific Popup находится позади модального бутстрапа

0 голосов
/ 17 октября 2019

Я использую Magnific Popup, мои изображения находятся в модале Bootstrap, когда я нажимаю на изображение, Magnific Popup находится за модалом начальной загрузки, например:

enter image description here

Как я могу разместить Magnific Popup позади модального Bootstrap или иметь возможность закрыть модальный Bootstrap после нажатия на изображение? (Это не лучшее решение, я думаю) 

$('.zoom-gallery').magnificPopup({
    delegate: 'a',
    type: 'image',
    closeOnContentClick: false,
    closeBtnInside: false,
    autoFocusLast: true,
    mainClass: 'mfp-with-zoom mfp-img-mobile',
    image: {
        verticalFit: true,
        titleSrc: function (item) {
            return item.el.attr('title') + ' &middot; <a class="image-source-link" href="' + item.el.attr('data-source') + '" target="_blank">image source</a>';
        }
    },
    gallery: {
        enabled: true
    },
    zoom: {
        enabled: true,
        duration: 300, // don't foget to change the duration also in CSS
        opener: function (element) {
            return element.find('img');
        }
    }
});
...