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

Question

在控制台中，它说我缺少 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

Answer 1

您提到的未能加载的资源在 Slick 的样式表中被引用为相对导入。

根据 Slick 文档，确保您已正确包含这些样式表（下面的第一个代码块）：

使用 jsDelivr 的示例

只需在<head>中添加指向 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.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"/>

然后，在结束标记之前添加：

 <script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>

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

问题描述

1 个解决方案

解决方案1
0 2019-11-12 10:39:40

使用 jsDelivr 的示例

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

问题描述

1 个解决方案

解决方案1 0 2019-11-12 10:39:40

使用 jsDelivr 的示例

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

解决方案1
0 2019-11-12 10:39:40