lightGallery（）をコールバックとして使用できますか？ページの読み込み後に初めて1回しか初期化できませんか？

Question

lightGallery（）をコールバックとして使用する際に問題があります。私は顧客が製品オプションを選択しているときにShopifyでこれを使用しようとしています。

たとえば、私は#lightgalleryに5つの画像があり、ページのロード後に$("#lightgallery").lightGallery();が呼び出されます。

お客様が製品バリアントを選択すると、#lightgalleryの前の5つの画像が削除され、バリアントの新しい4つの画像が作成されますが、$("#lightgallery").lightGallery();はバリアントの新しいギャラリーを初期化しません。

Answer 1

lightGalleryは、新しいインスタンスがインスタンス化される前に破棄する必要があります。 $lg.oneおよびNOT $lg.on、ここmervickの最後のコメントをチェックアウト

const $lg = $("#lightgallery");  
$lg.lightGallery(); 

$lg.one('onCloseAfter.lg',function(event){ 
    $lg.data('lightGallery').destroy('true'); 
}); 

注：：だから、私はonCloseAfterイベントの破棄（）メソッドを呼び出し https://github.com/sachinchoolur/lightGallery/issues/238

Answer 2

をむしろ作成し、いくつかのlightgalleriesを破壊するよりも、私が見つかりました。一度に複数のライトギャラリーをインスタンス化することができます。

$('.gallery').lightGallery();