navigation - 无法使slickGoTo用于自定义滑动导航

标签 navigation carousel slick.js

尝试使用光滑的轮播,并使用我自己的自定义图标进行导航,而不是使用默认的想法。我认为最好的方法是建立自己的列表并使用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在这里:http://jsfiddle.net/r7vjy7as/

最佳答案

使用$( ".rps-slider" ).slick('slickGoTo', parseInt(slideIndex));

关于navigation - 无法使slickGoTo用于自定义滑动导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28368790/

相关文章:

javascript - Slick Slider 上的自定义人字形和圆圈 - 单击后圆圈消失

javascript - javascript noob…文件写

javascript - 理想的网站导航设计

javascript - 引导轮播显示完全空白

jquery - Slick.js 垂直、中心模式、slidesToShow > 5 不工作

javascript - 如何在中心模式下创建 Slick Slider JS 幻灯片

css - 由于边距,边框太宽

javascript - 如何添加带有空白导航标签的 WordPress 菜单项?

android - 少于 4 个 View 的 ViewPager Circular

css调整div容器大小以适应小窗口