1-4问题3
来源:1-4 如何使用插件
慕丝6937110
2018-12-25 00:14:38
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.9.0/slick/slick.css"/> <!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.9.0/slick/slick-theme.css"/> </head> <body> <div class="your-class"> <div>your content1</div> <div>your content2</div> <div>your content3</div> </div> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script type=text/javascript src=//cdn.jsdelivr.net/gh/kenwheeler/slick@1.9.0/slick/slick.min.js></script> <script> $('your-class').slick({ dots:true, infinite:true, speed:300, slidesToShow:1, adaptiveHeight:true }); </script> </body> </html>
按老师上课的样子,自己写了一模一样的代码,为什么无法运行呢????
目前插件代码都看不懂写的是什么,无脑复制黏贴,一头雾水
1回答
山河远阔ZZ
2018-12-25
同学你好,经过测试,slick的链接是错误的,你可以在bootcdn里面去找slick的链接,下面是bootcdn的官网:
然后再去搜索slick官网:http://kenwheeler.github.io/slick/ 去查看各项配置,参考下图:
英文看不懂的话,可以使用谷歌浏览器翻译。
希望解决了你的疑问,祝学习愉快,望采纳!
相似问题