Javascript 滑动条-将滑动条活动类应用于<；a>；根据活动幻灯片

当幻灯片被拖动时，我试图将“slick active”类添加到a标记中。该类在单击时应用，但无法确定如何将其应用于其他类

任何帮助破译我的代码将不胜感激

JS

HTML

您必须将类

slick initialized

添加到

链接中

我们没有您的HTML，但它应该如下所示：

<div class="links slick-initialized">
  <li><a><span class="slick-slide">1</span></a></li>
  <li><a><span class="slick-slide">2</span></a></li>
  <li><a><span class="slick-slide">3</span></a></li>
</div>

首先，您必须将其更改为

  <ul class="links slick-initialized">
       <li><a href="#" class="slick-slide">slide1</a></li>
       <li><a href="#" class="slick-slide">slide2</a></li>
       <li><a href="#" class="slick-slide">slide3</a></li>
  </ul>









然后将jquery更改为
$（'.links li a.slick-slide'）
（在
a
和
.slick slide
之间删除空格）。
根据您在
afterChange
事件上有3个参数：
slick
、
currentSlide
和
nextSlide
。你在使用event、slick和i。可能您在
eq（）
中使用了一些无效数据？我想你必须做
$（currentSlide）.addClass（'slick-current'）
，但我还没有测试它。我也在那里添加了我的HTML！但是我试着添加slick初始化，但没有成功。@Benjibair看起来HTML结构和jQuery选择器不匹配。我在回答中加了一点解释。@Benjibard你看过我的评论了吗？应该足够了。@arcs工作得很好，但它有另一个问题。活动类仅应用于第一个滑块。。。我在一页的选项卡中有多个滑块。因此，活动类应用于tab1中的slide1，而不是其他任何类！“有什么想法吗？”本吉巴德：是的，我有。问题是jquery
.eq（i）
，它在所有结果中选择
i
。要获取每个滑块的
i
，请将代码更改为
$（'.links li:nth child（'++i++'）a.slick-slide'）.addClass（'slick-current'）
。
<div class="links slick-initialized">
  <li><a><span class="slick-slide">1</span></a></li>
  <li><a><span class="slick-slide">2</span></a></li>
  <li><a><span class="slick-slide">3</span></a></li>
</div>

      <ul class="links">
           <li><a href="#">slide1</a></li>
           <li><a href="#">slide2</a></li>
           <li><a href="#">slide3</a></li>
      </ul>

  <ul class="links slick-initialized">
       <li><a href="#" class="slick-slide">slide1</a></li>
       <li><a href="#" class="slick-slide">slide2</a></li>
       <li><a href="#" class="slick-slide">slide3</a></li>
  </ul>