javascript - 在ajax调用后如何重新初始化lightgallery

我正在使用lightgallery插件来点击显示我的网站的图像。我将灯廊初始化为

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

在文档上加载其工作正常。问题是当我加载更多图像并使用jquery附加图像时，我想再次重新初始化lightgallery，以解决由ajax调用加载的iamges的问题。但是lightgallery不适用于他们。它仅适用于页面加载时加载的图像。

最佳答案

这可能会有所帮助：

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();
    }
});