lightGalleryのカスタマイズに関して

Question

下記を使ってコードを組みました。
http://sachinchoolur.github.io/lightGallery/docs/api.html#events

$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
 $('.lg-toolbar').append(selectHtml);
  });

の中に、

$('.lg-item').on('click', function() {
    //alert('アラート');
    $(".lg").toggleClass("lg-hide-items");

を入れてしまうと、クリックイベントが二回実行されてしまうので、
下の記述のように外に出してみたのですが、
そうすると、全く反応しなくなってしまいます。

どのように記載すれば良いか分かりますでしょうか？

 $('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
    $('.lg-toolbar').append(selectHtml);
  });

　　$('.lg-item').on('click', function() {
    //alert('アラート');
    $(".lg").toggleClass("lg-hide-items");
});

});

Answer 1

動的に生成されているようなので、document (かdocument.body)で。

  $(document).on('click', '.lg-item', function() {
    //alert('アラート');
    $(".lg").toggleClass("lg-hide-items");
  });

https://api.jquery.com/on/

Comments

[退会済みユーザー]

ありがとうございます。
対応できました。本当に助かりました。