猫头鹰旋转木马 - 多个滑块不同的控件

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