Jquery Ken Wheeler Slick Slider 1.4-。Slick active正在激活asNavFor中的所有可见项,而不是显示的项
当用户单击拇指或主滑块前进时,您可能会认为Jquery Ken Wheeler Slick Slider 1.4-。Slick active正在激活asNavFor中的所有可见项,而不是显示的项,jquery,Jquery,当用户单击拇指或主滑块前进时,您可能会认为.slick active会在拇指中指示主滑块中镜像的幻灯片,但所有拇指都设置为.slick active。我使用的是这个脚本的1.4版 演示: 我试过什么:——这不管用。它以前在这个脚本的旧版本中工作,但只是在最初,一旦幻灯片向前推进,它就不工作了。所以我在这里做了一些调整,这似乎起到了作用: $('.portfolio-thumb-slider').on('afterChange', function(event, slick, currentSl
.slick active
会在拇指中指示主滑块中镜像的幻灯片,但所有拇指都设置为.slick active
。我使用的是这个脚本的1.4版
演示:
我试过什么:——这不管用。它以前在这个脚本的旧版本中工作,但只是在最初,一旦幻灯片向前推进,它就不工作了。所以我在这里做了一些调整,这似乎起到了作用:
$('.portfolio-thumb-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
//remove all active class
$('.portfolio-thumb-slider .slick-slide').removeClass('slick-active1');
//set active class for current slide
$('.portfolio-thumb-slider .slick-slide:not(.slick-cloned)').eq(currentSlide).addClass('slick-active1');
.slick-active1
始终提供给当前活动的拇指
我同意你的看法,奇怪的是这个滑块本身没有这个功能
据我所知,
.slick active
类被赋予所有当前可见的拇指。因此,在您的情况下,使用4个拇指,而不是您想要的一个。是的,这就是发生的情况,但从逻辑上讲,flexslider、owlslider(现已放弃)和其他工作方式,显示的一个拇指和拇指是活动的,其余的不是,这是预期的。这真的很奇怪,它是默认的方式。这完全岩石!非常感谢你!这个脚本所做的另一件恼人的事情是,除非您使用窗口加载而不是docready,否则onload布局会出错,但是我只是在ready上更改不透明度。更好的说法是:真的吗?我以前在我的一个项目中使用了滑溜滑块,但没有经历过类似的事情。。但是谁知道呢,在web开发中没有什么是不可能的这是一个很好的解决方案。不适用于“无限:错误”选项。如有帮助,将不胜感激:)
$('.portfolio-thumb-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
//remove all active class
$('.portfolio-thumb-slider .slick-slide').removeClass('slick-active1');
//set active class for current slide
$('.portfolio-thumb-slider .slick-slide:not(.slick-cloned)').eq(currentSlide).addClass('slick-active1');