自定义 Slick.js

Question

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

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。