6

Owl Carousel をアプリに追加するのに苦労しており、最新の 2.0.0-beta.2.4 バージョンの方が簡単だと期待していましたが、アイテムを追加して更新するという基本的な機能を取得することはできません。動作するカルーセル。

ここで私が間違っていることはありますか？

私が使用しているコードは次のとおりです。

$('#insert').on('click', function () {
    owl.trigger('add.owl.carousel', '<div class=\"item\"><p>D</p></div>').trigger('update.owl.carousel');
});

デモとともに:

http://jsfiddle.net/52r9B/11/

ドキュメント ( http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html ) には何も含まれていないようです - 明らかな何かが欠けていない限り。

どんな助けでも大歓迎です。

4

2 に答える 2

13

先月から、OwlCarousel 2.0 は大幅にリファクタリングされています。したがって、使用しているバージョン (2.0.0-beta.2.4) は既に古くなっています。

これは、デモの動作中のCodepenです。最初の間違いは、イベント API を使用して、引数を配列に入れずに新しいアイテムを追加したことです。

// Right
$('.owl-carousel').trigger('add.owl.carousel', [first, second])
// Wrong
$('.owl-carousel').trigger('add.owl.carousel', first, second)

または、次のようなプラグイン メソッドを使用することもできます。

$('.owl-carousel').owlCarousel('method', first, second, third, ...)

主な違いは、イベント API はすべてのパブリック メソッドのサブセットのみを提供することです。

update2 番目の間違いは、不可能なイベント API を呼び出そうとしたことです(上記を参照)。refresh代わりに使用してください。

最新の開発をチェックアウトするには、次のプレリリースが来るまで自分でビルドする必要があります。ただし、これはまだベータ版ですので、しばらくお待ちください。

于 2014-08-03T21:49:27.503 に答える