实施 Slick Carousel - JS 新手 [关闭]答案

【问题标题】：Implementing Slick Carousel - New to JS [closed]实施 Slick Carousel - JS 新手 [关闭]
【发布时间】：2015-06-30 18:55:13
【问题描述】：

从今天开始，我对 Javascript 完全陌生。我正在尝试让 Slick Carousel 正常工作。

https://github.com/kenwheeler/slick/

这是我目前所拥有的：

<html>

<head>
  <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick.css" />
  <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick-theme.css" />
</head>

<body>

  <div class="your-class">
    <div>
      <img src="https://cdn.tutsplus.com/net/uploads/legacy/958_placeholders/placehold.gif">
    </div>
    <div>
      <img src="https://cdn.tutsplus.com/net/uploads/legacy/958_placeholders/placehold.gif">
    </div>
    <div>
      <img src="https://cdn.tutsplus.com/net/uploads/legacy/958_placeholders/placehold.gif">
    </div>
  </div>

  <script type="text/javascript">
    $(document).ready(function() {
      $('.your-class').slick();
    });
  </script>

  <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick.min.js"></script>

</body>

</html>

任何想法我缺少什么？

【问题讨论】：

在你的脚本引用中包含 Jquery
我该怎么做？
欢迎来到 StackOverflow！如果任何解决方案有帮助，请接受正确的答案。

标签： javascript html slick.js

【解决方案1】：

正如我在 cmets 中所说，您需要将 jQuery 依赖项添加到您的代码中，因为您使用的是美元符号 $。只需从这里添加一行代码：
https://developers.google.com/speed/libraries/。

喜欢这个
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

但是之前精巧的图书馆。
（是的，不是在您的脚本标记之前。感谢 josedefreitasc。）

【讨论】：

没错，你需要在slick插件之前添加jquery库jsfiddle.net/znrgd66s

【解决方案2】：

选择器不正确，打上圆点即可。

$('.your-class').slick();

【讨论】：

除此之外，他还需要确保包含jQuery 1.7，因为这是一个依赖项。
修复了选择器，但它仍然无法正常工作。我如何将 jQuery 1.7 作为依赖项包含在内？那会是什么样子？