Галерея Magnific-Popup не открывается дважды - PullRequest
0 голосов
/ 05 января 2019

Я бы хотел открыть великолепную всплывающую галерею из списка миниатюр.

Галерея открывается один раз, и все отлично работает, но если я закрываю галерею, я не могу открыть дважды, и у меня появляется эта ошибка:

Uncaught TypeError: Невозможно прочитать свойство 'top' из неопределенного

Сообщение об ошибке на эту строку в magnific-popup.js: offset.top - = ($ (окно) .scrollTop () - paddingTop);

<div id="filelist">
    <div id="156" class="entreprise_img" style="background: url('5c30ff09d7566.jpg') no-repeat center;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;">
        <a href="#" class="entreprise_photo_btn_delete" title="Supprimer">Supprimer</a>
        <a href="5c30ff09d7566.jpg" class="magnific-gallery" style="position: absolute; bottom: 0;">VOIR</a>
    </div>
    <div id="157" class="entreprise_img" style="background: url('5c3104cab1fb7.jpg') no-repeat center;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;">
        <a href="#" class="entreprise_photo_btn_delete" title="Supprimer">Supprimer</a>
        <a href="5c3104cab1fb7.jpg" class="magnific-gallery" style="position: absolute; bottom: 0;">VOIR</a>
    </div>
</div>


$('#filelist').each(function(){
    $(this).magnificPopup({
        delegate: '.magnific-gallery',
        type: 'image',
        closeOnContentClick: false,
        closeBtnInside: false,
        mainClass: 'mfp-with-zoom mfp-img-mobile',
        image: {
            verticalFit: true
        },
        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');
            }
        }   
    });
});
...