这是我第一次在代码中实现库,但到目前为止进展并不顺利。我什么都试过了,但是圆滑的旋转木马似乎没有出现,我知道我错过了一些东西,但因为这是我第一次,我不知道我可能做错了什么。这是我的代码:

<!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源,您需要更改include,如下所示:

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

对于这种情况,请始终记住检查您的网络控制台👍

关于jquery - 没有出现光滑的旋转木马,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39248146/

10-13 01:06