Question

我正在忙着创建自己的技术网页。所以现在我想从光滑（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>

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

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

Answer 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

未捕获的ReferenceError：$未定义
index.html的：66

jQuery插件slick（carousel）无效

2 个答案: