Lightgallery: 他のボタンからギャラリーを開きますか？

こんにちは、

方法1：

lightGalleryダイナミックモードを使用する
デモ： http ：

方法2：

jQueryでクリックイベントをトリガーします：

$('#mybutton').on('click', function() {
   $('.first-item').trigger('click');
});

こんにちはサチン、

上記の方法2を使用してjQueryでクリックイベントをトリガーしようとしましたが、機能しませんでした。 私のコードを確認してください。

IDが「zoom-btn」のズームアイコンがあります。
<div class="zoom-btn"> <span class="fa fa-search" aria-hidden="true"> </div>

スクリプトの場合：
` `

ボタンをクリックしても実行されませんでした。 いくつか提案をお願いします。

ありがとう、
ジャン

こんにちはサチン、

上記の方法2を使用してjQueryでクリックイベントをトリガーしようとしましたが、機能しませんでした。 私のコードを確認してください。

IDが「zoom-btn」のズームアイコンがあります。
<div class="zoom-btn"> <span class="fa fa-search" aria-hidden="true"> </div>

スクリプトの場合：
` `

ボタンをクリックしても実行されませんでした。 いくつか提案をお願いします。

ありがとう、
ジャン

クラス名はidではなくzoom-btnで、クラスを参照するには$（ '。zoom-btn'）を使用し、idには$（ '＃zoom-btn'）jqueryセレクターを使用します。

将来誰かが探している場合に備えて、jqueryを使用しないスニペットを次に示します。

document.querySelector(".startGalleryBtn").addEventListener('click', function() {
    var startGalleryEvent = new CustomEvent('click', {bubbles: true, cancelable: true});
    document.querySelector(".firstGalleryItem").dispatchEvent(startGalleryEvent);
})