Используйте magnificPopup с динамическими элементами

У меня есть две фотографии, у обеих есть класс "фото". Под каждой фотографией я добавил кнопку, которая позволяет мне удалить фотографию.

Тем не менее, я могу открыть фотографию в галерее после удаления фотографии из DOM, вместо 1 из 1 фотографий, как ожидалось, у меня все еще есть 1 из 2 в правом нижнем углу, и я все еще могу видеть удаленную фотографию в галерее MagnificPopup. Это все еще в кеше?

$(document).ready
(
    function()
    {
        $('.foto').magnificPopup
        (
            {
                type: 'image',
                closeOnContentClick: false,
                closeBtnInside: false,
                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');
                    }
                }
            }
        );
    }
);

MagnificPopup не совместим с динамическими элементами? Есть ли способ переинициализировать функцию без перезагрузки всей страницы?

Ответы на вопрос(2)

Ваш ответ на вопрос