Slick不仅仅是Safari浏览器的功能

Question

我正在使用光滑的旋转木马，它适用于Firefox和Chrome，但Safari的控制台显示着名的错误“光滑不是一个功能”。我在这个旋转木马上有两个图像，只有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>

感谢大家花时间帮忙！