引入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那边复制来的,倒是可以用的。我目前来说完全搞不定这些网页中为什么有些能用,有些不能用,看网页上的说明貌似都是告诉我可以用的,但复制后报错





问题一:bootCDN里面我就是搜了一下关键词slick,跳出来的的结果我是看不懂的,就傻乎乎的点了第一个,里面有好多css和jq链接,我挨个试了,jq链接可以用,其中的css链接复制后都报错
问题二:github里说明处让我引用的链接我复制了,但都是报错的。
问题三:我把slick的插件干脆下载了下来,关于调用本地文件的链接我该怎么操作,属性中查看到的文件路径都是一样的,直接复制就可以了吗,但我试过了是不行的
1回答
山河远阔ZZ
2018-12-26
同学你好,经过测试,代码效果已经出现。
slick插件不明白的话,可以先查看一下slick官网里面slick的用法,如下图:
http://kenwheeler.github.io/slick/ 这个是slick的官网链接

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

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





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