如何在ajax調用後重新初始化lightgallery

Question

我使用lightgallery插件在點擊時顯示我網站的圖像。我初始化光廊爲

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

在文檔加載其工作正常。問題是，當我加載更多的圖像並使用jquery追加它們時，我想重新初始化lightgallery，以便爲由ajax調用加載的iamges工作。但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(); 
    } 
});