Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.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
Jquery Ken Wheeler Slick Slider 1.4-。Slick active正在激活asNavFor中的所有可见项,而不是显示的项_Jquery - Fatal编程技术网

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');