光滑的滑块将点附加到班级

Question

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

如何控制点，使其仅出现在该特定滑块上？

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