光滑的轮播没有出现答案

【问题标题】：slick carousel not appearing光滑的轮播没有出现
【发布时间】：2016-08-31 11:16:08
【问题描述】：

这是我第一次在我的代码中实现库，到目前为止进展并不顺利。我已经尝试了一切，但是光滑的旋转木马似乎没有出现，我知道我缺少一些东西，但是因为这是我第一次，我不知道我可能做错了什么。这是我的代码：

<!DOCTYPE html>
<html>
  <head>
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="slick/style.css"/>
  <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
  <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
  </head>
  <body>

  <div class="autoplay">
    <div><img src="http://placehold.it/350x300?text=1"></div>
    <div><img src="http://placehold.it/350x300?text=2"></div>
    <div><img src="http://placehold.it/350x300?text=3"></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,
    });
  });
  </script>

  </body>
</html>

这是我的文件夹结构：http://prntscr.com/ccgney

结果如下：http://prntscr.com/ccgm9e

【问题讨论】：

使用你的代码我的浏览器没有成功访问jquery，我不得不在脚本标签的src中用“code”更改“//code”
@Off 是的，我认为这是问题所在，但我不明白你要我改变什么。你能直接输入更新的行吗？谢谢！

标签： jquery html plugins slick.js

【解决方案1】：

浏览器无法访问 jquery 源，您需要将您的包含更改如下：

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

对于这类事情，请始终牢记检查您的网络控制台 ?

【讨论】：

【解决方案2】：

添加更多幻灯片它的工作

<div class="autoplay">
    <div><img src="http://placehold.it/350x300?text=1"></div>
    <div><img src="http://placehold.it/350x300?text=2"></div>
    <div><img src="http://placehold.it/350x300?text=3"></div>
     <div><img src="http://placehold.it/350x300?text=1"></div>
    <div><img src="http://placehold.it/350x300?text=2"></div>
    <div><img src="http://placehold.it/350x300?text=3"></div>
  </div>

添加一些自定义 CSS

.slick-next{right:15px}
.slick-prev{left:5px; z-index:9;}

https://jsfiddle.net/6nb29zym/

【讨论】：

问题仍然存在。我认为它依赖于我的链接，但我不知道要纠正什么