問題タブ [lightgallery-2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - JqueryMobile を使用した LightGallery
LightGallery プラグイン ( lightGallery - Git )に少し問題があります。jQueryMobile を使用しています。
私のギャラリーは特定のページにあります。このページに到達すると、リモート サーバーに写真を取得するように要求します。
次に、LightGallery を初期化します。初めてでも問題ありません。
しかし、Gallery Page を離れて(サーバーへの新しい要求がある) 後に戻ると、lightGallery が実行されていません。
ブラウザにエラーはありません。写真は表示されていますが、最初に行ったようにクリックして LightGallery を実行することはできません。
私のコード:
HTML:
JavaScript :
javascript - ギャラリーの画像が遅延読み込みしているときに、クリック イベント リスナーを追加するにはどうすればよいですか?
ライト ギャラリー JS のインライン ギャラリーを使用しており、ギャラリーの画像にクリック イベント リスナーを追加しようとしています。そのために、私はこのイベントを使用しています- lgAfterOpen
.
このイベントを使用して画像が遅延読み込みであるため、すべての画像タグを取得することはできませんlgAfterOpen
。それまでは、DOM に読み込まれた最初の画像のみを取得します。遅延読み込みを維持し、ギャラリーのすべての画像にイベントリスナーを配置するにはどうすればよいですか?
私が試していたコードサンプル: