定制Slick.js

Question

我试图在Slick.js jQuery滑块中添加一些自定义按钮，以代替插件使用的点。我不太擅长jQuery，所以我不知道我可以添加什么代码来同步滑块和我的按钮。

Answer 1

只需在.slick-dots中重写slick.css 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。