appendDots与多个光滑旋转木马

Question

我有多个Slick旋转木马和appendDots参数为每个旋转木马添加太多的导航点。

例如如果我有3个滑动转盘，每个转盘上都会出现3组点，而不是每组转盘。

$('.carousel').each(function() { 
     $(this).slick({ 
      infinite: true, 
      speed: 300, 
      slidesToShow: 1, 
      dots: true, 
      appendDots:'dots-container' 
     }); 
    }) 

任何想法如何将appendDots参数限制为仅this旋转木马？

Answer 1

可以推测，你的'点容器'选择器是一个你在页面上多次使用的类，所以它为每个旋转木马的每个类的每个实例添加点。

而是使用每个转盘相同的全局选择器使其相对于转盘的每个实例

$('.carousel').each(function() { 
     $(this).slick({ 
      infinite: true, 
      speed: 300, 
      slidesToShow: 1, 
      dots: true, 
      appendDots:$(this).siblings('dots-container') 
     }); 
    }) 

我不知道在哪里的容器相对于旋转木马，该段假定它是一个兄弟