Javascript 使用滑动条仅旋转类,幻灯片数=幻灯片显示

Javascript 使用滑动条仅旋转类,幻灯片数=幻灯片显示,javascript,css,slick.js,Javascript,Css,Slick.js,我有3个滑块项目,我想显示所有3个,并使用滑动滑块旋转“滑动活动”类,这样我就可以显示隐藏文本通过这个类使用css。 我知道我可以用自定义js来做,但在slick slider中是否可能 $('.slider_nav').slick({ slidesToShow: 3, centerMode: true, dots: true, autoplay: true }); 我认为在这种情况下,您不需要使用外部库,只要您可以使用jQuery手动执行,因为您已经在使用

我有3个滑块项目,我想显示所有3个,并使用滑动滑块旋转“滑动活动”类,这样我就可以显示隐藏文本通过这个类使用css。 我知道我可以用自定义js来做,但在slick slider中是否可能

$('.slider_nav').slick({
    slidesToShow: 3,
    centerMode: true,
    dots: true,
    autoplay: true
  });

我认为在这种情况下,您不需要使用外部库,只要您可以使用jQuery手动执行,因为您已经在使用它了

我已经为你做了一个简单的例子,让你有一个想法,你可以继续你的设计/布局和动画

$('.item')。在('click',function()上{
$('.item').removeClass('active');
$(this.addClass('active');
})
.items{
显示器:flex;
}
.项目{
宽度:33%;
背景:#e7e7e7;
右边距:5px;
填充物:5px;
}
.item.active{
背景#E5863D;
}
.item.p{
显示:块;
}
.项目p{
显示:无;
}

项目1
第#1项的文本

项目2 第2项的文本

项目3 第#3项的文本


为什么不阅读slick slider文档和事件。请检查@HardikGodhani我在示例和文档中找不到任何内容,这就是我在这里发布的原因。您可以在
init
事件中
addClass
。如果可能,可以在codepen或JSFIDLE.in slick slider
.slick current
类中添加演示,以便您可以使用此类来显示文本谢谢,但我提到我正在slick slider中寻求解决方案。