Slick 将箭头显示为按钮答案

【问题标题】：Slick showing arrows as buttonsSlick 将箭头显示为按钮
【发布时间】：2021-03-16 10:48:16
【问题描述】：

我对这个光滑的滑块有问题，我希望箭头显示为演示用法，为什么它显示为按钮？

我包含在我的 html 中

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css.map"/>

【问题讨论】：

您可以添加实际按钮的 HTML 吗？无论如何，我相信您需要从第三个网址中删除.map。
codepen.io/swetankrathi/pen/OyRZxL 看到这个例子，它们在这里显示得很好。但在我的代码中他们不会。如果没有 .map，它们就会完全消失

标签： html slick.js

【解决方案1】：

Slick 滑块具有名为 prevArrow 和 nextArrow 的设置，您可以在其中传递 html 字符串、节点对象甚至 jQuery 对象来替换默认的箭头按钮。像这样：

$('.slider-element').slick({
prevArrow: '<a href="#" class="my-arrow-prev">Go to previous slide</a>',
nextArrow: '<a href="#" class="my-arrow-next">Go to next slide</a>',
});

【讨论】：