实现 Slick Carousel - JS 新手

Question

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

这是我目前的情况：

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

知道我遗漏了什么吗？

Answer 1

选择器不正确，请加上点使其生效。

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

Answer 2

您需要像我在评论中所说的那样向您的代码添加 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 Carousel - JS 新手

Implementing Slick Carousel - New to JS

javascript

html

slick.js