【问题标题】:Missing 3 recources for the Slick carousel. How do I implement those?Slick 轮播缺少 3 个资源。我如何实现这些?
【发布时间】:2020-03-07 22:29:28
【问题描述】:

在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 本身? IE。它的主要 JS 和 CSS 文件...您链接的这三个文件是从 slick.css 的相对导入,因此它可能取决于您在项目中包含该文件的方式。
  • 对于 JS 我使用这两个: 对于 CSS:

标签: javascript jquery html css slick.js


【解决方案1】:

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

确保您已正确包含这些样式表(下面的第一个代码块),as per the Slick documentation:

使用 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>

【讨论】:

    猜你喜欢
    • 2020-11-18
    • 2011-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-25
    • 2019-11-05
    相关资源
    最近更新 更多