Jquery 下一个箭头上的滑动禁用类

我有以下两个滑块，其中第二个滑块是第一个滑块的缩略图导航，除下一个箭头上的

slick disabled

类外，其他一切正常

从演示中可以看到，当滑块停止滑动时，该类将添加到底部导航滑块的“下一步”按钮中，即使您仍然可以单击“下一步”按钮继续滑动顶部主滑块

是否有办法使此功能仅在顶部滑块到达最后一张幻灯片时禁用

$（“.single item”）.slick({
无限：错，
asNavFor:“.navigation项”，
});
$（“.navigation item”）.slick({
无限：错，
幻灯片放映：3，
幻灯片滚动：1，
asNavFor:“.单个项目”，
});
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css');
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css');
.集装箱{
保证金：0自动；
填充：40px；
宽度：80%；
颜色：#333；
背景：ƣBe0；
}
.滑滑梯{
文本对齐：居中；
颜色：#419be0；
背景：白色；
}
.滑头残疾{
光标：不允许；
}

1.
2.
3.
4.
5.
6.
1.
2.
3.
4.
5.
6.
< /代码> 您可以在每次更改应用类时考虑和测试：


$（'.single item，.navigation item'）。在（'init'，函数（事件）上{
if（$（'.single item.slick prev'）.attr（'aria-disabled'）=“true”&&
$（'.navigation item.slick prev'）.attr（'aria-disabled'）==“true”）{
$（'.slick prev'）.addClass（'disabled'）；
}
否则{
$（'.slick prev'）.removeClass（'disabled'）；
}
if（$（'.single item.slick next'）.attr（'aria-disabled'）=“true”&&
$（'.navigation item.slick next'）.attr（'aria-disabled'）==“true”）{
$（'.slick next'）.addClass（'disabled'）；
}
否则{
$（'.slick next'）.removeClass（'disabled'）；
}
}
);
美元（“.single item”）.slick({
无限：错，
asNavFor:“.navigation项”，
});
$（“.navigation item”）.slick({
无限：错，
幻灯片放映：3，
幻灯片滚动：1，
asNavFor:“.单个项目”，
});
$（'.single item，.navigation item'）。on（'afterChange'，函数（事件）{
if（$（'.single item.slick prev'）.attr（'aria-disabled'）=“true”&&
$（'.navigation item.slick prev'）.attr（'aria-disabled'）==“true”）{
$（'.slick prev'）.addClass（'disabled'）；
}
否则{
$（'.slick prev'）.removeClass（'disabled'）；
}
if（$（'.single item.slick next'）.attr（'aria-disabled'）=“true”&&
$（'.navigation item.slick next'）.attr（'aria-disabled'）==“true”）{
$（'.slick next'）.addClass（'disabled'）；
}
否则{
$（'.slick next'）.removeClass（'disabled'）；
}
});
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css');
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css');
.集装箱{
保证金：0自动；
填充：40px；
宽度：80%；
颜色：#333；
背景：ƣBe0；
}
.滑滑梯{
文本对齐：居中；
颜色：#419be0；
背景：白色；
}
.残疾人{
光标：不允许；
}
.slick next:未（.disabled）：在之前，
.slick prev:未（.disabled）：之前{
不透明度：1；
}

1.
2.
3.
4.
5.
6.
1.
2.
3.
4.
5.
6.
非常好，我试着用
换机后做些什么
，但它总是变化得太晚，在它变回来之前，我会得到一个残疾人的闪光