Question

嗨，我想寻求帮助，因为我的光滑滑块无法正常工作，我从keenweeler网站上获得了一个示例，但似乎对我不起作用，这是我的代码。调试中没有显示任何错误问题控制台，所以我不知道出了什么问题。

https://jsfiddle.net/pynechan/xhpfgzwy/9/

//CDN
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css"/>    



     // video slide JS
    $(".videoslide").slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        autoplay:false,
        arrows: true;
    });


<div class="videoslide">
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz1.png" />
        </div>
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz2.png" />
        </div>
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz3.png" />
        </div>
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz1.png" />
        </div>
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz2.png" />
        </div>
        <div class="slides">
          <img src="https://kenwheeler.github.io/slick/img/fonz3.png" />
        </div>
</div>

    /* Carousel CSS */

    .videoslide {
        width: 650px;
        display: flex;
        margin: 0 auto;
    }

    .videoslide img {
        width: 200px;
        height: 200px;
    }

Answer 1

只需更改您的jquery代码，它就会起作用

 $(".videoslide").slick({

        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3
    });

Slick Slide脚本未转换为Slickslide

1 个答案: