【问题标题】:Slick slider append dots to class光滑的滑块将点附加到类
【发布时间】:2018-08-12 13:14:37
【问题描述】:

我正在使用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 );

【问题讨论】:

    标签: jquery slick.js


    【解决方案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 );
    

    【讨论】:

    • 似乎对我不起作用。我试过这个,我试过appendDots: $(this).find('.slick-list'),
    • $('.slick-list') 是 slick 滑块的默认功能。默认情况下,点被附加到 '.slick-list' div 中。请使用您提供的自定义类名。
    • 我不能,因为这是我想要的点。我没有其他可以调用的类,因为没有对应的 html 标记。 Slick 创建类 .slick-list 和它的标记,所以我必须调用这个类名,以便我的点出现在我需要它们的区域。
    【解决方案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');
      //...
    });
    

    【讨论】:

    • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
    猜你喜欢
    • 1970-01-01
    • 2022-01-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多