jQuery插件光滑（旋轉木馬）不工作

我忙於製作我自己的關於技術的網頁。所以現在我想添加一個輪滑的插件（http://kenwheeler.github.io/slick/），但不起作用。有人知道爲什麼嗎？是的，所有文件都包含在所有文件所在的根文件夾中。jQuery插件光滑（旋轉木馬）不工作

<html> 
<head> 
<link rel= "stylesheet" type="text/css" href="CSS_Header.css"/> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
</head> 
<body> 

<div class="your-class"> 
    <div><img src="slide1.png" /></div> 
    <div><img src="slide1.png" /></div> 
    <div><img src="slide1.png" /></div> 
</div> 

    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="slick/slick.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.autoplay').slick({ 
       slidesToShow: 3, 
       slidesToScroll: 1, 
       autoplay: true, 
       autoplaySpeed: 2000, 
      }); 
     }); 
     $('.your-class').slick(); 
    </script> 

</body> 
</html>

來源

2014-09-10 Nerd Zilla

開始的最佳途徑是通過觀看「瀏覽器控制檯」 – Abhi 2014-09-10 19:24:16

嘛，我發現這些錯誤：

無法加載資源：淨:: ERR_FILE_NOT_FOUND
文件：//code.jquery.com/jquery-1.11.0.min.js

無法加載資源：淨:: ERR_FILE_NOT_FOUND
文件：//code.jquery.com/jquery-migrate-1.2.1.min.js

未捕獲的ReferenceError：jQuery是沒有定義
光滑。 min.js：1

未捕獲的ReferenceError：$沒有定義
的Index.html：66

來源

2014-09-10 20:50:28

的情況下，你沒有解決您的問題尚未

從你的錯誤記錄所採取的，似乎它試圖加載jQuery和jQuery - 從本地目錄遷移，而你的意思是（我相信）從CDN加載。嘗試更改'src'屬性爲：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

並查看它是否正確加載然後。希望它有幫助

來源

2015-03-30 08:16:40 JcDenton86

這解決了我的問題！ – 2017-03-09 12:17:11

jQuery插件光滑（旋轉木馬）不工作

回答

相關問題