Question

我使用slick.js创建幻灯片。一切都很好，除了点。它们会显示出来，但它们会显示为这个奇怪的字符串（http://newsinteractive.post-gazette.com/40for10/img/slideshow/weird_chars.png）。

我的代码似乎正确。怎么了？

jquery的：

$('#slideshow2').slick({
    arrows: true,
    prevArrow: "<i class='fa fa-2x fa-arrow-circle-o-left'></i>",
    nextArrow: "<i class='fa fa-2x fa-arrow-circle-o-right'></i>",
    accessibility: true,
            adaptiveHeight: true,
            dots: true
});

css：

.slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    background-color: white;

}

Answer 1

Mindaugas建议，这是一个 编码问题 。

Matheus的解决方案具有误导性，您不必须下载css文件，尽管这可行，因为在实际的.css文件中编码< / strong>是规定的。

例如，我没有下载css，只是通过在我的charset="UTF-8"标记中添加<link>属性就成功从CDN中提取。

完整的解决方案如下：

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" charset="UTF-8" />

Answer 2

meta charset =“utf-8”＆lt;＆lt;多数民众赞成

Answer 3

您需要 download 并导入Slick的CSS文件，如下所示：

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

Answer 4

在我的情况下，我需要进入config文件并删除IE修复程序（仅使用safari和chrome），然后更改它使用的字体以使用slick-theme.css而不是{{ 1}}文件。

这为我解决了。

Answer 5

要解决此问题，请继续：

-in， slick-theme.css ，转到 .slick-dots li按钮：之前，转到内容：“输入您的价值”

只需点一个点（或您喜欢的任何点）。

（我在论坛上找到的所有其他解决方案都对我不起作用，然后我找到了这个简单的解决方案。

光滑的幻灯片点显示为奇怪的字符

5 个答案: