Slick Slider slickGoTo 方法打破轮播

我正在开发一个新闻文章页面，该页面也有一个图像库。 我在用着光滑的滑块 http://kenwheeler.github.io/slick/用于画廊上的缩略图。图库中的每张图片都有自己的网址，用于广告查看目的（不太好，但我对此无能为力），例如 our-url.com/category/articlewithgallery/1、2 或 3 等...

我正在使用这样的响应断点：

$('.gallery-thumbs').slick({
  slidesToShow: 5, slidesToScroll: 5, dots: false, infinite: false, speed: 300,
  responsive: [ { breakpoint: 1024, settings: { slidesToShow: 5, slidesToScroll: 5 } },
  { breakpoint: 600, settings: { slidesToShow: 4, slidesToScroll: 4 } },
  { breakpoint: 438, settings: { slidesToShow: 3, slidesToScroll: 3 } },
  { breakpoint: 270, settings: { slidesToShow: 2, slidesToScroll: 2 } } ]
} );

这工作正常。但因为我们有很多网址，所以我希望缩略图从当前加载的图像开始。我可以通过添加以下内容来实现此目的：

$('.gallery-thumbs').slickGoTo(parseInt(cur_pic));

缩略图从正确的位置开始，但它破坏了轮播。例如，我根本无法再向后滚动它。我可以拖动并看到该方向有更多缩略图，但它只是弹回到（新的）起始位置。此外，如果我们在最后一张“幻灯片”上，它要么根本不显示它们，要么在所有缩略图之后添加空白区域。

我想也许是因为我没有使用光滑的滑块“onInit”函数，它把它弄乱了，因为我们告诉它在初始化或其他东西之前转到这张幻灯片。我已经尝试了各种方法，但无法让任何 onInit: function() 方法起作用。

可能是因为我对 javascript 很不好。

它正在工作。 代码：$('.firstDiv').slickGoTo(4);

请看下面的例子

http://jsfiddle.net/9fnmegqb/ http://jsfiddle.net/9fnmegqb/

从 1.4+ 版本开始：$('.firstDiv').slick('slickGoTo', 4)