Question

我今天对Javascript完全陌生。我试图让Slick Carousel工作。

这是我到目前为止所拥有的：

＆＃13;

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

＆＃13;

我缺少什么想法？

Answer 1

您需要在评论中添加jQuery依赖项，因为您使用的是美元符号$。只需添加一行代码：
https://developers.google.com/speed/libraries/。

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

但 BEFORE 光滑的图书馆（是的，不是在你的脚本标签之前。感谢josedefreitasc。）

Answer 2

选择器不正确，将点设置为可行。

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

实现Slick Carousel - JS的新功能

2 个答案: