Cannot get slickGoTo to work for custom slide navigation

Question

Trying to use grease and use my own icons for navigation, not the default thoughts. I thought the best way to do this is to create your own list and use slickGoTo, but I can't get it to work.

$(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 here: http://jsfiddle.net/r7vjy7as/

Answer 1

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