Используйте 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') + ' · <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 не совместим с динамическими элементами? Есть ли способ переинициализировать функцию без перезагрузки всей страницы?