Question

我想在我的页面上测试slick-slider，因为我在使用swiper滑块时遇到了一些问题。我已经按照他们页面上的说明进行操作，并为其添加了cdn链接，这些都是我的脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/foundation/6.2.3/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/js/swiper.min.js"></script>
<script type="text/javascript" src="http://cdn.spid.se/sdk/spid-sdk-2.1.0-var.js"></script>
<script>$(document).foundation();</script>
<script src="{{ asset('/js/issue-images.js') }}"></script>
<script src="{{ asset('/js/magazine-detail.js') }}"></script>
<script src="{{ asset('/js/slider.js') }}"></script>
<script src="{{ asset('/js/scroll-reset.js') }}"></script>
<script src="{{ asset('/js/alex-box.js') }}"></script>
<script type="text/javascript" src="https://kenwheeler.github.io/slick/slick/slick.js"></script>
<script src="{{ asset('/js/slick-carousel.js') }}"></script>
<script src="{{ asset('/js/app.js') }}"></script>

我正在我的slick-carousel.js脚本中启动滑块，如下所示：

$(document).ready(function(){
  $('.slick-carousel').slick({
    slidesToShow: 5,
    slidesToScroll: 1
  });
});

但是我在标题提到的错误中得到了上述内容，为什么呢？我甚至从cdn下载了一个文件：https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js 并且在我启动它的脚本之前将它添加到我的脚本中但我仍然得到相同的错误。

光滑的滑块 - slick-carousel.js：2未捕获的TypeError：$（...）。slick不是一个函数（...）

0 个答案: