Question

我有多个Slick轮播，而appendDots参数为每个轮播添加了太多导航点。

e.g。如果我有3个光滑的旋转木马，每个旋转木马上会出现3组点，而不是每组一个。

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

知道如何将appendDots参数限制为this轮播？

Answer 1

假设您的点数容器＆＃39;选择器是您在页面上多次使用的类，因此它为每个轮播添加一个点到该类的每个实例。

而不是为每个轮播使用相同的全局选择器使其相对于轮播的每个实例

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

我不知道容器相对于旋转木马的位置，这个片段假设它是兄弟姐妹

appendDots有多个Slick轮播

1 个答案: