jquery - Slick Slide 脚本未转换为 slickslide

Question

嗨，我想寻求帮助，因为我的光滑滑块无法正常运行，我从敬业者网站获得了一个样本，但我的代码似乎不起作用。调试控制台上没有显示错误问题，所以我很不解出了什么问题。

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

标签： jqueryslick.js

Answer 1

只需使用此更改您的 jquery 代码即可

 $(".videoslide").slick({

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