Navigation Can';不要让slickGoTo为定制的slick导航工作

Navigation Can';不要让slickGoTo为定制的slick导航工作,navigation,carousel,slick.js,Navigation,Carousel,Slick.js,尝试使用滑溜的旋转木马,并使用我自己的自定义图标来导航,而不是默认的想法。我认为最好的方法是建立我自己的列表并使用slickGoTo,但我无法让它工作 $(document).ready(function(){ $('.rps-slider').slick({ infinite: true, arrows: true, dots:true }); $(".slick-nav li a").click(function(e){

尝试使用滑溜的旋转木马,并使用我自己的自定义图标来导航,而不是默认的想法。我认为最好的方法是建立我自己的列表并使用slickGoTo,但我无法让它工作

$(document).ready(function(){

    $('.rps-slider').slick({
      infinite: true,
      arrows: true,
      dots:true
    });

    $(".slick-nav li a").click(function(e){
      var slideIndex = $(this).index();
      $( ".rps-slider" ).slickGoTo(parseInt(slideIndex));
    });

  });

jsfiddle这里:

使用
$(“.rps slider”).slick('slickGoTo',parseInt(slideIndex))

另外,设置slideindex以跟踪其父级“li”的索引,因为“li a”的索引将始终为0,“a”是“li”中的唯一元素<代码>var slideIndex=$(this.parent().index()