Slick 不是 Safari 浏览器独有的功能

Question

我正在使用 slick carousel，它在 Firefox 和 Chrome 上运行良好，但 Safari 的控制台显示著名的错误 "slick is not a function"。我在这个轮播中有两张图片，只有 Safari 同时显示这两张图片，一张在另一张上面。我根据需要在 jQuery 之后添加 Slick.js：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
  <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>

这是我的 main.js 文件

`$(document).ready(function(){
$('.sac-services-slider').slick({
  infinite: true,
  nextArrow: '.sac-services-slider-btn',
  autoplay: true,


  responsive: [{

      breakpoint: 1200,
      settings: {
        slidesToShow: 1,
        infinite: true
      }

    }, {

      breakpoint: 992,
      settings: {
        slidesToShow: 1,
        dots: true
      }

    }, {

      breakpoint: 768,
      settings: "unslick"

    }]
  });
});`

Answer 1

这个让我措手不及！我在本地预览网站，而不是在网络服务器上。因此，只需在 Slick.js CDN 之前添加 "http:" 即可解决问题。

（并非如此）错误代码是：

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>

本地预览的修复：

<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>

感谢所有花时间提供帮助的人！

Slick 不是 Safari 浏览器独有的功能

Slick is not a function only with Safari browser

safari

jquery

carousel

slick.js