Featherlight on ajax로드 된 컨텐츠

Question

ajax로드 된 컨텐츠에서 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/)의 설명서에있는 모든 옵션이 표시되지 않습니다

내가 jQuery를 통해 그 방법을 Featherlight을로드합니다. 도움 주셔서 감사합니다!

Answer 1

이미지를 변경하는 ajax 호출을 호출 할 때마다 featherlight 시작 함수를 다시 호출해야합니다.

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

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

}});