ajax 호출 후 lightgallery를 다시 초기화하는 방법

Question

lightgallery 플러그인을 사용하여 클릭시 내 웹 사이트의 이미지를 표시하고 있습니다. 라이트 갤러리를 초기화했습니다.

$(document).ready(function(){ 
    $('#lightgallery').lightGallery({ 
     selector: '.item' 
    }); 
}); 

문서로드시 작동 상태가 좋습니다. 문제는 더 많은 이미지를로드하고 jquery를 사용하여 이미지를 추가 할 때 lightgallery를 다시 초기화하여 iamges가 Ajax 호출로로드되도록하려는 경우입니다. 그러나 lightgallery는 그들을 위해 작동하지 않습니다. 페이지 로딩시로드되는 이미지에만 작동합니다.

Answer 1

이 도움이 될 수 있습니다 :

function createLightGallery() 
{ 
    $('#lightgallery').lightGallery({ 
     selector: '.item' 
    }); 
} 

// on document load 
$(document).ready(function(){ 
    createLightGallery(); 
}); 

// on the AJAX request 
$.ajax({ 
    url: "/get_images", 
    . 
    . 
    success: function() 
    { 
     if("#lightgallery").data("lightGallery")) 
      $("#lightgallery").data("lightGallery").destroy(true); 
     createLightGallery(); 
    } 
});