貓頭鷹旋轉木馬 - 多個滑塊不同的控件

Question

我正在尋找在多個地方實現滑塊，並需要單獨控制每一個，在單個頁面上，然後在網站中的其他地方，所以我希望他們：

同時

• 移動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], 
});