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

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

我有一个要求

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

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

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

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

这是我试过的

$('#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");
}