关于ajax加载内容的Featherlight

Question

我在加载ajax的内容上遇到Featherlight灯箱问题。

在上传页面上，我会显示一个图库，其中包含使用灯箱打开的图像。它在第一次加载时效果很好。但是，只要我上传新图片，该图库就会被ajax刷新，灯箱也不再有效。

我通过Jquery加载Featherlight：

jQuery(window).on('load', function(){
    var lightbox_url = 'js/jquery.magnific-popup.min.js';
    jQuery.getScript( lightbox_url, function() {
        $('.lightbox-img').magnificPopup({type:'image'});
    });
});

我没有在此文档中看到任何选项（https://github.com/noelboss/featherlight/）。 谢谢你的帮助！

Answer 1

每当你调用一个更改图像的ajax调用时，你必须重新调用featherlight启动函数。

$.ajax({url: "xx", success: function(result){
       //your code here 

        $('.lightbox-img').magnificPopup({type:'image'});

}});