自定义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。