光滑是不是一個功能只與Safari瀏覽器

我使用光滑的旋轉木馬，它適用於Firefox和Chrome，但Safari瀏覽器的控制檯顯示着名的錯誤「光滑不是一個功能」。我在這個輪播中有兩個圖像，只有Safari同時顯示它們兩個，一個在另一個上面。 jQuery的之前我添加Slick.js要求：光滑是不是一個功能只與Safari瀏覽器

<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" 

    }] 
    }); 
});`

來源

2017-02-04 Wilbert Caba

如果你在window.load而不是document.ready中使用它，它會工作嗎？ https://slickmedia.co.uk/blog/script-not-working-in-safari/也許所有的元素尚未加載。 http://stackoverflow.com/questions/4584373/difference-between-window-load-and-document-ready-functions –

當我加載window.load它不適用於任何瀏覽器。只有在使用document.ready加載Firefox和Chrome時纔可以。 Safari的控制檯顯示'$（'。my-class'）。slick不是一個函數。（在'$（'。my-class'）。slick'，'$（'。my-class'）。slick'is undefined）'位於jquery.min.js –

檢查開發工具選項卡（或任何Safari有），有沒有其他腳本被加載，可能會導致問題？也許舊版本的jQuery，甚至？我只是猜測，我對這些事情沒有太多的經驗。 –

這一次了我個措手不及！我在本地預覽網站，而不是在網絡服務器上。所以只需在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>

感謝名單給大家，花時間來幫忙！

來源

2017-02-06 17:54:47

光滑是不是一個功能只與Safari瀏覽器

回答

相關問題