jquery - 光滑的滑块将点附加到类

Question

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

我怎样才能控制这些点，使它们只出现在这个特定的滑块上？

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

标签： jqueryslick.js

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