光滑的滑块将点附加到 class

Question

我正在使用 Slick 在我当前构建的布局上创建多个幻灯片。当我尝试使用 appendDots: '.slick-list' 将点附加到 .slick-list class 时遇到问题，因为它是由 Slick 在页面上的每个滑块中创建并添加的 class每个滑块的点。

如何控制点，使它们只出现在这个特定的滑块上？

 function createSlick(){
    $(".grid-slideshow").not('.slick-initialized').slick({
       slidesToShow: 3,
       slidesToScroll: 1,
       infinite: false,
       dots: true,
       appendDots: '.slick-list'
     });
    }
    createSlick();
    $(window).on( 'resize', createSlick );

Answer 1

请试试这个：-

function createSlick(){
    $(".grid-slideshow").each(function(index, element) {
        $(this).not('.slick-initialized').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            infinite: false,
            dots: true,
            appendDots: $(this)
        }); 
    });
}
createSlick();
$(window).on( 'resize', createSlick );

Answer 2

你可以试试：

[].slice.call(sliders).forEach(function (elem) {
  var counter = $(elem).find('.counter-class');
  var slickElement = $(elem).find('.items-wrapper-class');
  var prev = $(elem).find('.prev-class');
  //...
});

光滑的滑块将点附加到 class

Slick slider append dots to class

jquery

slick.js