Javascript 滑动滑块在引导4中工作不正常

根据slick slider官方网站，我认为我做的一切都是对的，但是一旦我完成了所有设置，slider就不起作用了，它只会一个接一个地显示图像

这是我的密码：

头元素

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

---

非常感谢您的帮助。

jQuery CND被重复，有一个用于引导，一个用于slickslider，我通过删除其中一个，特别是slickslider中的一个，解决了这个问题。

您正在加载一个过时的jQuery版本。Slick需要jQuery版本

3.0

或更高版本。您正在加载

1.12

。尝试使用更为更新的jQuery版本，看看这是否解决了您的问题。类似于

。您也很可能不需要jQuery迁移。。。所以我可能也会删除它。已更新但仍不工作。接下来我要检查的是您的文件夹结构。这些光滑的文件真的存在于你引用它们的地方吗？请注意，

/slick/slick.min.js

和

slick/slick.min.js

不是一回事。你的代码的基本实现对我来说很有用。因此，我会仔细检查您使用的路径。我为您的fiddle示例中的路径添加了所有引用，但仍然不起作用，这让我抓狂。是的，事实上，我将它们放在了pastebin链接中，因为用于注释的字符太多了：

<div class="col-sm-12">
    <div class="autoplay">
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
        <div><img src=".\slickpics\cookie1.png"></div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-3.1.0.min.js" integrity="sha256-ycJeXbll9m7dHKeaPbXBkZH8BuP99SmPm/8q5O+SbBc=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/slick/slick.min.js"></script>

$(document).ready(function(){
    $('.autoplay').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      infinite: true,
      autoplay: true,
      autoplaySpeed: 2000,
    });
});