动态变化时如何刷新lightgallery

Question

我有不同的相册，我想在lightgallery中显示其内容。

我最初的电话是这样：

$('.dlCms_c_Carousel').lightGallery({ 
            dynamic : true , 
            dynamicEl : dlThis.LGDynEl , 
            thumbnail : true , 
            mode  : 'lg-fade' , 
            }); 

这完美的作品，但随后，打开另一张专辑的时候，我想要的或其他的方式来刷新，使得dynamicEl的新内容被显示。

有没有办法做到这一点？

我是想一

$('.dlCms_c_Carousel').data("lightGallery").destroy(true) 

前

，但搞砸了。即似乎有一些功能，但它看起来像灯箱失去了一些样式，并不是不透明。

任何提示？

Answer 1

我使用Waypoint.js用于无限滚动lightgallery。

，我发现了动态刷新的解决方案是：

var gallery = $(".infinite-container").lightGallery({ 
 
    selector: '.item' 
 
}); 
 

 
var infinite = new Waypoint.Infinite({ 
 
    element: document.querySelector('.infinite-container'), 
 
    onAfterPageLoad:() => { 
 
    gallery.data('lightGallery').destroy(true); 
 
    gallery = $(".infinite-container").lightGallery({ 
 
     selector: '.item' 
 
    }); 
 
    } 
 
});

从我的经验，对象从lightgallery初始化返回必须要在销毁使用。

希望它有帮助。