Slick不仅仅是Safari浏览器的一项功能 [英] Slick is not a function only with Safari browser

问题描述

我使用的是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"

    }]
  });
});`

推荐答案

这个让我措手不及！我在本地预览站点，而不是在Web服务器上。因此，只需在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浏览器的一项功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！