Owl Carousel - 複数のスライダーの異なるコントロール

Question

スライダーを複数の場所で実装することを検討していて、個々に1つのページを2回、1ページを2回コントロールする必要があるので、理想的には私はそれらにしたいと考えています。

一度

• 移動1枚のスライド
• 移動時3枚のスライド
• 自動スクロール

私はパラメータでこれらをソートする方法を見ることができますが、私はので、それらを分離する方法がわかりませんよ私が持っています個別に制御する。

私はhtmlに異なるクラスを追加し、.js内のクラスを使って識別する必要があると思います。

.jsにクラスを追加するにはどうすればよいですか？

私はそのここに仮定しています：

f.fn.owlCarousel.options = { 
    items: 5, 
    itemsCustom: !1, 
    itemsDesktop: [1199, 4], 
    itemsDesktopSmall: [979, 3], 
    itemsTablet: [768, 2], 
    itemsTabletSmall: !1, 

を私はここでこれを読んだ：

owl carousel - Set different items number for each of many sliders placed on the same page

しかし、私はowl.carouselにこれを実装するかどうかはわかりません.min.jsファイルの構造が少し違うか、クラスを追加する方法/場所。

参照：f.fn.owlCarousel.optionsの= {事前に

おかげ

ダンカン

Answer 1

あなたは複数の場所を実装することができますが、任意のクラスを追加する必要はありません。別のIDを追加するだけで、次のように使用できます。

$("#owl-demo1").owlCarousel({ 
    items: 3, 
    itemsDesktop: [1199,3], 
    itemsDesktopSmall: [979,3], 
    itemsMobile: [479,3], 
}); 
$("#owl-demo2").owlCarousel({ 
    items: 5, 
    itemsDesktop: [1199,3], 
    itemsDesktopSmall: [979,3], 
    itemsMobile: [479,3], 
}); 
$("#owl-demo4").owlCarousel({ 
    items: 3, 
    itemsDesktop: [1199,3], 
    itemsDesktopSmall: [979,3], 
    itemsMobile: [479,3], 
}); 
$("#owl-demoupload").owlCarousel({ 
    items: 7, 
    itemsDesktop: [1199,3], 
    itemsDesktopSmall: [979,3], 
    itemsMobile: [479,3], 
});