jQuery插件slick（旋转木马）不工作_Jquery_Plugins_Carousel

jQuery插件slick（旋转木马）不工作

jquery plugins

jQuery插件slick（旋转木马）不工作,jquery,plugins,carousel,Jquery,Plugins,Carousel,我正忙于制作自己的技术网页。所以现在我想从slick（）添加一个carousel插件，但它不起作用。有人知道为什么吗？是的，所有文件都包含在所有文件所在的根文件夹中 <html> <head> <link rel= "stylesheet" type="text/css" href="CSS_Header.css"/> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> &

我正忙于制作自己的技术网页。所以现在我想从slick（）添加一个carousel插件，但它不起作用。有人知道为什么吗？是的，所有文件都包含在所有文件所在的根文件夹中

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


$（文档）.ready（函数（）{
$（'.autoplay'）。光滑({
幻灯片放映：3，
幻灯片滚动：1，
自动播放：对，
自动播放速度：2000，
});
});
$（'.your class'）.slick（）；

我发现了以下错误：

未能加载资源：net:：ERR\u文件\u未找到
file://code.jquery.com/jquery-1.11.0.min.js

未能加载资源：net:：ERR\u文件\u未找到
file://code.jquery.com/jquery-migrate-1.2.1.min.js

未捕获引用错误：未定义jQuery
slick.min.js:1

未捕获引用错误：$未定义

Index.html:66

以防您尚未解决问题

从您的错误日志中可以看出，它似乎试图加载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>

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

最好的开始方式是观看“浏览器控制台”，这为我解决了问题！