問題タブ [lightgallery]

リンクをクリックしようとすると、ブラウザ コンソールに次のように表示されます。

これは私が使用したコードです：

lightGalleryでダイナミックモードを使用していることに注意してください。

1. 以前に lightGallery ライブラリを含め、その前に jQuery ライブラリを含めました。
2. $ を jQuery に置き換えてみました。
3. 「セミコロンソリューション」も試しましたが、うまくいきませんでした。

これは私が含めたライブラリ全体です：

私はJavaScriptに比較的慣れていないため、コードにlightgalleryを実装するためにここで何が間違っているのかわかりません。

すべてのスタイルシート (ヘッダー内) と関連するスクリプトを含めました。これが私の頭と体の一部です。

loadPages.js の loadIndex 関数 (サーバー側に移動し、pb なしで動作します)

そして、これが私が使用する画像マークアップです：

lightgallery は、loadIndex() 関数によって読み込まれるインデックス ページに表示されるはずです (複数のページでナビゲーション バーを使用しています)。lightgallery 呼び出しを正しく行っていませんか? $(document).ready(...) はインデックス ページの読み込みと同時に発生していますか? (スクリプトが技術的に同期的に呼び出されることは知っていますが)。

基本的に、私の画像はまったく効果がなく、スタイルのないリストのままです..誰か助けてもらえますか?

ポートフォリオサイトを作っています。ドキュメントの準備ができたときにクラスを追加し、ホバー時にそのクラスを削除/別のクラスに変更しようとしています。ロード時とホバー時に画像に lightgallery と CSS gram フィルターを使用しています。

上記の jQuery コードはうまく機能していないようです。

助けてください、ありがとう。

クリック時に自分のウェブサイトの画像を表示するために lightgallery プラグインを使用しています。ライトギャラリーを次のように初期化しました

ドキュメントのロードで、正常に動作します。問題は、より多くの画像を読み込み、jquery を使用してそれらを追加するときに、ライトギャラリーを再度初期化して、ajax 呼び出しによって読み込まれた iamges を処理することです。しかし、ライトギャラリーは彼らのために働いていません。ページの読み込み時に読み込まれる画像に対してのみ機能します。

ギャラリーを表示するために lightGallery プラグインを使用しようとしましたが、画像をクリックすると、このように半分と横に表示されます。私が望むのは、画像を中央に配置することだけです。インスペクタを調べたところ、理解できない友好的でない CSS マークアップとスタイルがいくつか見つかりました。助けてください

私のhtmlマークアップは

そしてjavascriptは

何が悪いのかわからず、ネットを検索しても何も見つかりませんでした。何を検索すればいいのかわからないからかもしれません。

ユーザーがスライドショーに表示される画像を選択できるページを作成したいと考えています。mootools のドラッグ アンド ドロップを使用しようとしていますが、lightgallery.js を使用したいと考えています。

ドロップされた画像の配列を dynamicEL に渡すにはどうすればよいですか? #cart.item の id/class を使用して画像をロードする方法はありますか?

どんな助けでも大歓迎です。そして、コーディングが初めてであることを事前にお詫びします。

これは、わずかに機能しているように見えるコードペンです http://codepen.io/ssab/pen/QGyKVO

画像のリストがあり、3 つしか表示されませんが、3 番目の画像では、すべての画像を表示する lightgallery を呼び出したいと考えています。どうすればそれを行うことができますか？

何らかの理由で私のライトギャラリーが機能していません。いつもと同じ方法で追加し、すべての JavaScript ファイルを Jquery の後に含めます。

コンソールに次のメッセージが表示されます。

これは次のことを示しています。

すべてのファイルが正しく読み込まれています。ネットワーク タブで確認しました。

何が問題で、どうすれば修正できますか? ひょっとして、どこかで争いが起きているのでしょうか？関数でラップして機能させることはできますか?

私のjsファイル：