javascript - 如何从下面的代码片段加载 jquery?

标签 javascript jquery html css

我尝试过使用 ken wheelers slick slider,在尝试之后,似乎没有任何工作,只有一些静态内容显示,通过在线论坛我发现问题是没有加载 jquery,那么我该如何加载 jquery从下面的代码?提前致谢!

<html>

<head>
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.css" />
</head>

<body>

  <div class="fade">
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></div>
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></div>
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></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="C:/Users/Joachim-Mpanda/Desktop/script.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.min.js"></script>

  <script type="text/javascript">
    $(document).load(function() {
      $('.fade').slick({
        dots: true,
        infinite: true,
        speed: 700,
        autoplay: true,
        autoplaySpeed: 2000,
        arrows: false,
        slidesToShow: 1,
        slidesToScroll: 1
      });

    });
  </script>
</body>

</html>

最佳答案

尝试使用 $(document).ready 而不是 $(document).load

$(document).ready(function(){       
    $('.fade').slick({
        dots: true,
        infinite: true,
        speed: 700,
        autoplay:true,
        autoplaySpeed: 2000,
        arrows:false,
        slidesToShow: 1,
        slidesToScroll: 1
    });
});
<html>
   <head>
      <title>My Now Amazing Webpage</title>
      <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.css"/>
   </head>
   <body>
      <div class="fade">
         <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></div>
         <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></div>
         <div><img src="http://placehold.it/1000x400&text=[ img 1 ]" /></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="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.min.js"></script>
   </body>
</html>

关于javascript - 如何从下面的代码片段加载 jquery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52653370/

相关文章:

javascript - 寻找纯Javascript函数式编程解决方案

javascript - 卡在 Angular 2 的 Angular Material 中的 MdSnackBar 的可观察循环中

javascript - 将随机数附加到脚本中的 URL

javascript - 放置按钮,使其不会随内容滚动

javascript - 当前时间在 hh :mm:ss tt formate in javascript

jquery - 如何使用 jQuery 选择 anchor 标记内的文本

javascript - 在 JQuery 中再次单击时如何将框高度恢复到原始状态?

javascript - 仅在查看时才删除 Google map 标记

html - Codepen css 动画示例不适用于本地

Javascript 在 asp.net 母版页中没有做任何事情