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

我不知道在哪裏的容器相對於旋轉木馬，該段假定它是一個兄弟