活动光滑点的数量应等于光滑滑块中可见幻灯片的数量

编程问答 2022-05-01

问题描述

我有一个要求

  1. 我需要一次展示 3 张幻灯片
  2. 点击下一步时，应显示接下来的 3 张幻灯片
  3. 点和幻灯片的数量应该相等

我尝试将 slidetoScroll 添加为 3，但在这种情况下，点数和幻灯片数不相同

有没有办法让我可以让 3 个点处于活动状态。

enter image description here

并且重要的要求是幻灯片和点的数量应该相等

这是我试过的

$('#article_caraousel').slick({
  variableWidth:true,slidesToShow: 3,slidesToScroll:1,infinite:false,arrows:true,dots:true
});

为了让 3 个点处于活动状态，我尝试将活动类添加到光滑点，但没有用

var actSlide =  $('.slick-active').attr("id"); 
var actDots =  $('slick-dots li button').attr("aria-controls"); 

if( actSlide == actDots){
  $(actDots).attr("aria-selected","true");
  $(actDots ).parent().addClass("slick-active");
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carouseljavascriptslick.js