問題タブ [owl-carousel-2]

クリックすると動的に読み込まれるプロジェクトのサムネイル画像があります。

これは私が持っているjQueryです:

• AJAX 呼び出し後にフクロウ カルーセルを再初期化するにはどうすればよいですか?
• または、これを行うより良い方法はありますか？

ドキュメントを試しましたが、役に立ちませんでした。ドキュメントには使用するように書かれていますreinitが、何もないと書かれていますreinit。

JSON/AJAX を使用して Owl カルーセル 2 で動的コンテンツを表示する際に問題があります。コンソールにエラー メッセージは表示されませんが、カルーセルが機能しません。空白のページしか表示されません。JSONファイルから取得した画像のURLをjquery.appendで追加できますが、そのようにカルーセルに表示されません。ディスプレイは「ブロック」に設定されています。何が欠けているのですか？

index.html -

app.js -

data.json -

すべてを正しく設定しましたが (少なくとも私はそう思います)、フクロウのカルーセルが表示/ロードされません。何か助けはありますか？前もって感謝します。

ここに私のHTMLがあります：

Fancybox を表示するための 2 つの JQuery 関数と、フクロウ カルーセルを作成するための 2 つの JQuery 関数があります。fancybox 関数の実行後に awl カルーセル関数を実行します。

しかし、コールバックを機能させることができません。助けてください。ありがとう

ページの一番上に単一のアイテム カルーセルがあるとします。その下に残りのコンテンツがあります。カルーセルはページの任意の奥深くにネストされているため、完全に配置されるように設定しました。しかしここで、カルーセルの高さを知る必要があります。これにより、コンテンツの残りの部分に上部マージンを設定して、重複しないようにすることができます。これが私がやっていることです。

カルーセルの初期化とサイズ変更イベントで、カルーセルの高さを取得して上部マージンを更新しています。問題は、遅延がなければinitialized、カルーセルがページに完全に描画される前にイベントがトリガーされるため、高さが信頼できないことです。

遅ればせながら、ちゃんとゲットできました。しかし、これは明らかにハックであり、低速のデバイスでカルーセルが時間内に描画されることを保証することはできません。

ドキュメントに他の有用なイベントが表示されません。

デモフィドル