javascript - 在外部按钮上触发一个 div/<a> 点击光滑的 slider

Question

我用过 Slick Slider在我的页面上。现在，一切正常，但我必须在按下特定按钮时触发特定的 div。就像我有 div-2 ，我有一个名为 button-2 的按钮在该部分的某处，单击它时，光滑的 slider 应将其更改为 div 2，使其与正确的事件圆点一起激活。

我已经对此进行了研究并了解到 sliderGoTo会做我的工作。但我不知道为什么它不能正常工作。我已尽力而为，但不知何故按钮根本没有触发正确的 div。

到目前为止我尝试过的(伪形式):

$(document).ready(function() {
  $('.box').slick({
    dots: true,
    arrows: false
  });

  $('#trigger-button').click(function() {
      slideIndex = $(this).index();
      $('.slideshow').slickGoTo(parseInt(slideIndex));
    )
  }
});

/*$('#trigger-button').click(function() {
  var slider = $('.box');
  slider[1].slickGoTo(parseInt(actIndex));
})*/ 

//Alternatively used

<a class='btn' id='trigger-button' href='#'>Button 2</a>
<div class='box'>
  <div class='div-1'>
    Some content
  </div>
  <div class='div-2'>
    Some content
  </div>
</div>

我也试过这个，因为我想要触发特定的 div，即 div-2 , 当我们按下 ID 为 trigger-button 的按钮时触发.可以在评论中找到。

但是没有结果。我对 SLICK SLIDER 的使用经验不多，但我已经尝试过了。我很乐意了解更多相关信息。谢谢

编辑

谢谢你们帮助我。我找到了一个适合我的解决方案，而且方法也更简单。如果你想去一个特定的位置，你必须使用这个语法，你的工作就完成了:

$('.box').slick('slickGoTo', divNo) .记住 divNo = currentPos - 1。

如今，slickGoTo不像以前的语法那样工作 .slickGoTo(parseInt(slideIndex)); .它会给你一个错误 Undefined slickGoTo method .我的代码中描述了正确的用法。再次感谢，我相信这会在以后的引用中帮助人们。

Answer 1

尝试使用 $('.box').slick('slickGoTo', parseInt(slideIndex), false); 代替。

旁注:我不确定使用 .index() 是否总能按预期工作。

检查 https://github.com/kenwheeler/slick了解更多详情。