Javascript Jquery焦点不适用于slick slider

我有一个光滑的滑块，每个图像都有标题，我想用当前的对焦（使用tab）标题对其进行一些更改，但我可以看到焦点在标题元素上工作，但我无法捕获它

HTML

<div class="customer-logos">
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image1.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image2.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image3.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image4.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image5.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image6.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image7.png">
  <a>Test</a>
  </div>
  <div class="slide"><img src="https://www.solodev.com/assets/carousel/image8.png"><a>Test</a></div>
</div>

---

问题是因为您使用了

jqueryurl

。我用了

https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

并且工作正常

$（文档）.ready（函数（）{
$（'.customer logo'）。光滑({
幻灯片放映：4，
幻灯片滚动：1，
自动播放：对，
自动播放速度：3000，
箭头：错，
点：错，
pauseonhaver:false，
响应：[{
断点：768，
设置：{
幻灯片放映：3
}
}, {
断点：520，
设置：{
幻灯片放映：2
}
}]
});
});
$（“a”）。关于（'focus'，函数（e）{
警惕（“焦点”）；
$（this.addClass（'focused'）；
});
$（“a”）。关于（'blur'，函数（e）{
$（this.removeClass（'focused'）；
});   

/*滑块*/
.滑滑梯{
利润率：0px 20px；
}
.滑溜式img{
宽度：100%；
}
.光滑滑块
{
位置：相对位置；
显示：块；
框大小：边框框；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
-webkit触摸标注：无；
-khtml用户选择：无；
-ms触摸动作：泛y；
触摸动作：泛y；
-webkit点击突出显示颜色：透明；
}
.花里胡哨的名单
{
位置：相对位置；
显示：块；
溢出：隐藏；
保证金：0；
填充：0；
}
.花里胡哨的名单：聚焦
{
大纲：无；
}
.slick-list.drawing
{
光标：指针；
光标：手；
}
.光滑的滑块.光滑的轨迹，
.光滑的滑块.光滑的列表
{
-webkit转换：translate3d（0,0,0）；
-moz变换：translate3d（0,0,0）；
-ms变换：translate3d（0,0,0）；
-o变换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
.光滑的轨道
{
位置：相对位置；
排名：0；
左：0；
显示：块；
}
.光滑轨道：之前，
.光滑轨道：之后
{
显示：表格；
内容：''；
}
.光滑轨道：之后
{
明确：两者皆有；
}
.光滑的装载.光滑的轨道
{
可见性：隐藏；
}
.滑滑梯
{
显示：无；
浮动：左；
身高：100%；
最小高度：1px；
}
[dir='rtl'].光滑的滑梯
{
浮动：对；
}
.滑溜式img
{
显示：块；
}
.滑溜
{
显示：无；
}
.滑动滑轨.拖动img
{
指针事件：无；
}
.滑溜初始化.滑溜
{
显示：块；
}
.光滑的装载.光滑的滑动
{
可见性：隐藏；
}
.平滑垂直.平滑滑动
{
显示：块；
高度：自动；
边框：1px实心透明；
}
.光滑的箭头，光滑的隐藏{
显示：无；
}
*.专注{
轮廓宽度：2倍；
轮廓颜色：#282828；
轮廓样式：虚线；
}

试验
试验
试验

您只需要

锚定

标记的文本，对吗？不，我希望当前聚焦的锚定标记对象能够操纵它对我有效。我可以通过这里的代码检查获得

锚定标记

对象我在控制台窗口中看不到任何东西我运气不好，仍然不工作，可能这不是一个解决方案，无论如何，感谢您的努力

$(document).ready(function(){
            $('.customer-logos').slick({
                slidesToShow: 4,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 10000,
                arrows: false,
                dots: false,
                    pauseOnHover: false,
                    responsive: [{
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 3
                    }
                }, {
                    breakpoint: 520,
                    settings: {
                        slidesToShow: 2
                    }
                }]
            });
        });

    $("a").on('focus',function(e) {
    console.log($(this))
                    $(this).addClass('focused');
    });
    $("a").on('blur',function(e) {

                $(this).removeClass('focused');     
    });