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插件光滑（旋转木马）不工作

回答

相关问题