jQuery插件光滑（轮播）不起作用答案

【问题标题】：jQuery plugin slick (carousel) not workingjQuery插件光滑（轮播）不起作用
【发布时间】：2014-09-10 19:21:17
【问题描述】：

我正忙于制作自己的技术网页。所以现在我想从 slick (http://kenwheeler.github.io/slick/) 添加一个轮播插件，但它不起作用。有人知道为什么吗？是的，所有文件都包含在所有文件所在的根文件夹中。

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

【问题讨论】：

最好的开始方式是观看“浏览器控制台”

标签： jquery plugins carousel

【解决方案1】：

如果您还没有解决问题

从您的错误日志中获取，它似乎正在尝试从本地目录加载 jQuery 和 jQuery-migrate，而您的意思是（我相信）从 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>

然后看看它是否正确加载。希望对你有帮助

【讨论】：

这解决了我的问题！

【解决方案2】：

嗯，我发现了这些错误：

加载资源失败：net::ERR_FILE_NOT_FOUND
file://code.jquery.com/jquery-1.11.0.min.js

加载资源失败：net::ERR_FILE_NOT_FOUND
文件：//code.jquery.com/jquery-migrate-1.2.1.min.js

未捕获的 ReferenceError：未定义 jQuery
slick.min.js:1

未捕获的引用错误：$ 未定义
索引.html:66

【讨论】：