javascript - Slick 轮播缺少 3 个资源。我如何实现这些?

标签 javascript jquery html css slick.js

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/

相关文章:

javascript - Bootstrap-Modal,模态无法正常工作

javascript - jQuery 文本平滑变化

javascript - 只获取在javascript中构造成字符串的文本节点

javascript - 谷歌地图标记在链接 css 文件后不显示位置

javascript - 通过脚本标签包含文本或 XML 文件?

javascript - Safari 上的 window.print 问题

javascript - 如何在 url 中隐藏父位置哈希

ruby-on-rails - 在 html 属性中发布数据时引用造成严重破坏

javascript - Uncaught ReferenceError : ctx is not defined

HTML div float 背景问题