Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将自定义类添加到每个光滑的旋转木马项目?_Javascript_Jquery_Carousel_Slick.js - Fatal编程技术网

Javascript 如何将自定义类添加到每个光滑的旋转木马项目?

Javascript 如何将自定义类添加到每个光滑的旋转木马项目?,javascript,jquery,carousel,slick.js,Javascript,Jquery,Carousel,Slick.js,我有一个光滑的滑块在我的网站和它的工作 我需要的是在旋转木马渲染时为每个项目添加一个自定义类 这是用猫头鹰转盘做的 如果在此处使用以下jQuery: 你会看到我需要什么 我似乎无法让它与斯里克一起工作 我之所以使用Slick而不是Owl,是因为Owl没有无限滚动,而且Owl 2太多了 我会考虑使用OWL 2,如果我能做同样的事情,但是他们改变了脚本,我不能让它工作。你有没有这样做?我也有同样的问题…@LyndonJohnson我确实用bxslider让它工作了。 jQuery(document

我有一个光滑的滑块在我的网站和它的工作

我需要的是在旋转木马渲染时为每个项目添加一个自定义类

这是用猫头鹰转盘做的

如果在此处使用以下jQuery:

你会看到我需要什么

我似乎无法让它与斯里克一起工作

我之所以使用Slick而不是Owl,是因为Owl没有无限滚动,而且Owl 2太多了


我会考虑使用OWL 2,如果我能做同样的事情,但是他们改变了脚本,我不能让它工作。

你有没有这样做?我也有同样的问题…@LyndonJohnson我确实用bxslider让它工作了。
jQuery(document).ready(function () {
    var carousel = jQuery("#owl-demo");
    carousel.owlCarousel({
    itemsCustom: [[0,5]],
    navigation : false, autoPlay : 10000, mouseDrag : true, touchDrag : true, pagination : false, rewindNav: true,
     afterAction: function(el){
       //remove class active
       for ( var i = 0; i < 10; i++ ) 
           {
                this.$owlItems.removeClass('active' + i)
           }
       //add class active
       for ( var i = 0; i < 10; i++ ) 
           {
                this.$owlItems.eq(this.currentItem + i).addClass('active' + i)
           }
     }
    });
});