jquery - 自定义 Slick.js

Question

我正在尝试向 Slick.js jQuery slider 添加一些自定义按钮，以代替插件使用的点。我对 jQuery 不是很好，所以我不知道我可以添加什么代码来使 slider 与我的按钮同步。

Answer 1

只需覆盖 slick.css 中的 .slick-dots CSS 类.

.slick-dots li button:before {
    background: url(myButton.png);
    content: normal;
}

或者如果您需要修改点内容本身，请执行以下操作:

$('.slick-dots button').remove();
$('.slick-dots li:nth-child(1)').append('<div class="btn btn-slider">First</div>');
$('.slick-dots li:nth-child(2)').append('<div class="btn btn-slider">Second</div>');
$('.slick-dots li:nth-child(3)').append('<div class="btn btn-slider">Third</div>');

它似乎可以工作，但还没有经过充分测试。参见 jsFiddle .