問題タブ [owl-carousel]

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.

0 投票する
6 に答える
29403 参照

javascript - 設定後にフクロウ カルーセル 2 のオプションを変更しますか?

より具体的には、セットアップ後にフクロウのカルーセル 2 オプションを変更する方法を探しています。

次のように、ドラッグ要素の親要素のドラッグを無効にする方法を探しています。

0 投票する
8 に答える
71296 参照

javascript - フクロウのカルーセル 2.0 を再起動するには?

フクロウカルーセルの最初のバージョンでは、次のようにしていることを私は知っています:

わかりましたが、2 番目のバージョンでどのように行うのか、名前がどのように変更されたのかわかりません。

0 投票する
2 に答える
4524 参照

templates - Meteor: テンプレートがデータでレンダリングされた後に関数を呼び出す

カルーセル内に表示したい投稿がたくさんあります。カルーセルには、OwlCarouselを使用します。

私は自分のカルーセルを次のように呼びます:

私が得た結果は、フクロウは基本的に、複数の div であるカルーセルに表示するアイテムが 1 つだけあると考えていることです。テンプレートの #each-part が完了する前、またはデータが到着する前に、 Template.featuredCarousel.rendered 内の関数が呼び出されるようです。

テンプレートがすべてのデータを含めて完全にレンダリングされた後にのみ、カルーセルをインスタンス化する関数を呼び出すにはどうすればよいですか?

ご助力ありがとうございます。

PS: 次のようにルーティングに Iron-router を使用します。

PPS: ローディング テンプレートも使用してみましたが、どちらも役に立ちません。

0 投票する
1 に答える
9777 参照

javascript - 個別の要素のホバーでカルーセルを一時停止 (Owl Beta 2)

カルーセルの外に完全に収まる別のナビゲーションを作成しましたが、自動再生にいくつか問題があります。

マークアップは次のとおりです。

ここにJavascriptがあります:

.on('mouseover', ...とは期待どおりに呼び出されます.on('mouseleave', ...が、カルーセルは時々一時停止するだけです。一時停止するパターンがわかりません。

.on('click', ...自動再生が一時停止されている場合を除き、すぐに再開されます。ナビゲーションの直後に自動再生を停止する呼び出しを追加しようとしましたが、違いはありませんでした。

私の質問は次のとおりです。

1) マウスが特定の要素の上にあるときに、一貫してカルーセルを一時停止するにはどうすればよいですか?

2) カルーセルの自動再生を一時停止したままにすることはできますか (マウスが特定の要素の上にある場合) to.owl.carousel

0 投票する
1 に答える
1346 参照

javascript - Ember で Owl Carousel を使用する

Ember.js は DOM 内のデータバインディングに script タグを使用し、owl-carousel は script タグを取得してスライダー内の要素として追加します。これらのスクリプト タグを無視する方法はありますか。すなわち:

ここに画像の説明を入力

0 投票する
2 に答える
21714 参照

javascript - Owlcarousel 2 動的に読み込まれたコンテンツ

フクロウのカルーセル 2 にコンテンツをロードする ajax に問題があります。この関数で新しいアイテムを取得しようとしています。

このように .owl-stage に新しいアイテムを追加$(".owl-stage").append(data);すると、それらを見ることはできますが、それらにスライドすることはできません。owlcarousel は、もっと追加したとしても、まだ 5 つのアイテムしかないと考えていると思います。

$(".owl-stage").append(data);に変更すると状況が変わります$(".owl-stage").html(data);。明らかに古いコンテンツは消えますが、新しいアイテムにスライドできます。

誰が私が何をすべきかを提案できますか? owlcarousel 2.0.4 を使用しています。

0 投票する
1 に答える
3505 参照

javascript - キャッチされていない TypeError: boolean は Owl Carousel の関数ではありません

Owl Carousel 2でカルーセルを作成しようとしましたが、マウス (ドラッグ) でページネーションしようとすると、次のエラーが発生します。 Uncaught TypeError: boolean is not a function

私のHTML:

私のJavascript:

私のコンソールのエラー: キャッチされていない TypeError: boolean は Owl Carousel の関数ではありません