在slick.js滑块中自定义导航

Question

我希望有这样的导航：

<div style="margin-top:122px; display: flex; justify-content: space-between; width:124px">
    <a href="#">01.</a>
    <a href="#">02.</a>
    <a href="#">03.</a>
</div>

        01。         02。         03。     

当我点击其中一个锚时，我想显示幻灯片而不是索引。我已经实施了nextArrow和prevArrow。但我没有在文档中看到任何方法，如setIndex或其他。

如何实现这一结果？

Answer 1

根据the documentation on the slick-slider demo page，有一种名为slickGoTo的方法，它会获取您要显示的幻灯片的索引。