動態變化時如何刷新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初始化返回必須要在銷燬使用。

希望它有幫助。