引入jq插件问题

来源:1-4 如何使用插件

慕丝6937110

2018-12-26 00:28:14

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
  <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css" />



</head>

<body>
   <div class="your-class">
        <div>your content1</div>
        <div>your content2</div>
        <div>your content3</div>
        <div>your content4</div>
        <div>your content5</div>
        <div>your content6</div>
    </div>



    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<!--<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>-->
<script src="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.js"></script>
   <script src="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.min.js"></script>

    <script>
     $(document).ready(function() {
        $('.your-class').slick({
            //infinite: true,
            //slidesToShow: 3,
           //slidesToScroll: 3
           dots:true,
           infinite:true,
           speed:300,
           slidesToShow:1,
           adaptiveHeight:true
        });
    });
    </script>
</body>

插入css和jq链接我已经晕了好几天了,各种都试了,目前来说,css的链接只能插入老师的源代码才可以,任何网站复制过来的链接都不对,jq链接我是从bootCDN那边复制来的,倒是可以用的。我目前来说完全搞不定这些网页中为什么有些能用,有些不能用,看网页上的说明貌似都是告诉我可以用的,但复制后报错

http://img.mukewang.com/climg/5c22595800018c9b12390658.jpg

http://img.mukewang.com/climg/5c22595c00016a7513090670.jpg

http://img.mukewang.com/climg/5c22595c000149e013570710.jpg

http://img.mukewang.com/climg/5c225960000186de09970486.jpg

http://img.mukewang.com/climg/5c22596200015e7013020655.jpg

问题一:bootCDN里面我就是搜了一下关键词slick,跳出来的的结果我是看不懂的,就傻乎乎的点了第一个,里面有好多css和jq链接,我挨个试了,jq链接可以用,其中的css链接复制后都报错

问题二:github里说明处让我引用的链接我复制了,但都是报错的。

问题三:我把slick的插件干脆下载了下来,关于调用本地文件的链接我该怎么操作,属性中查看到的文件路径都是一样的,直接复制就可以了吗,但我试过了是不行的

写回答

1回答

山河远阔ZZ

2018-12-26

同学你好,经过测试,代码效果已经出现。

slick插件不明白的话,可以先查看一下slick官网里面slick的用法,如下图:

http://kenwheeler.github.io/slick/ 这个是slick的官网链接

http://img.mukewang.com/climg/5c22dfca0001a61512680965.jpg

1、bootCDN里面的输出的slick是各种版本,当前需要的是slick-carousel 直接点进去复制链接即可

http://img.mukewang.com/climg/5c22f535000166d011340448.jpg

2、slick插件下载下来之后,里面分为css插件和js插件,参考下图:

http://img.mukewang.com/climg/5c22e112000113bf04610193.jpg

http://img.mukewang.com/climg/5c22e13800016dc903720168.jpg

http://img.mukewang.com/climg/5c22e1650001bf8f05940121.jpg

http://img.mukewang.com/climg/5c22e20400014c9303830145.jpg

http://img.mukewang.com/climg/5c22e1cc0001b00505880083.jpg

希望能解决你的问题,祝学习愉快,望采纳!

0

0 学习 · 36712 问题

查看课程