在console它说我缺少 slick.woff、ajax-loader.gif 和 slick.tff。
所以我找到了所有这 3 个的 CDN 链接,但我不知道如何在我的代码中(或在什么样的标签中)实现它们。
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/ajax-loader.gif
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.ttf
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.woff
最佳答案
您提到的无法加载的资源在 Slick 的样式表中被引用为相对导入。
确保您已正确包含这些样式表(下面的第一个代码块),as per the Slick documentation:
Example using jsDelivr
Just add a link to the css file in your
<head>
:<!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/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.8.1/slick/slick-theme.css"/>
Then, before your closing tag add:
<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
关于javascript - Slick 轮播缺少 3 个资源。我如何实现这些?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58814855/