Javascript 在滑动滑块中仅禁用一次上一个箭头

我编写了一个javascript函数，在当前幻灯片为0时禁用“上一页”箭头，在到达最后一张幻灯片时禁用“下一页”箭头。我希望在页面加载时只禁用一次“上一页”箭头，之后即使在到达第一张幻灯片（当前幻灯片：0）后，我也希望“上一页”箭头可见。目前，我有3张幻灯片（0,1,2）

我第一次尝试使用onload（）函数仅在加载时隐藏箭头，但没有成功

$（函数（）{
$（'.hero滑块'）.slick（{
幻灯片放映：1，
幻灯片滚动：1，
箭头：是的，
点：错，
无限：真的
});
var currentSlide=$（'.hero slider'）.slick（'slickCurrentSlide'）；
如果（当前幻灯片==0）
{
$（'.slick prev'）.hide（）；
}
否则如果（当前幻灯片==2）
{
$（'.slick next'）.hide（）；
}
});
$（'.hero slider'）.on（'afterChange'，function（）{
console.log（$（'.hero slider'）.slick（'slickCurrentSlide'））；
var currentSlide=$（'.hero slider'）.slick（'slickCurrentSlide'）；
如果（当前幻灯片==0）
{
$（'.slick prev'）.hide（）；
$（'.slick next'）.show（）；
}
否则如果（当前幻灯片==2）
{
$（'.slick next'）.hide（）；
$（'.slick prev'）.show（）；
}
if（currentSlide>0&¤tSlide仅保留滑块初始化代码并删除事件处理程序和其他代码

jQuery(function($) {  
 $('.hero-slider').slick({ 
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        dots:false,
        infinite: true
    });
});


jQuery（函数（$）{
$（'.hero滑块'）.slick（{
幻灯片放映：1，
幻灯片滚动：1，
箭头：是的，
点：错，
无限：真的
});
})；

公共知识是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德
奥雷姆·伊普苏姆·多洛尔·西特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的领袖，他是一位伟大的领袖

知识来自于社会精英，来自于社会大众，来自于社会大众

@Pranav这是工作代码。当我的幻灯片在最后阶段到达时，“下一步”箭头被禁用，当它在第一张幻灯片中时，“上一步”箭头被禁用。我不想要“上一步”第一次加载页面后，箭头将被禁用。预期的行为是什么？仍然不清楚在显示第一张幻灯片（加载页面时）“上一页”箭头的状态是隐藏（）。我希望状态更改为显示（）当我的滑块完成一轮显示所有幻灯片，然后从0重新开始时。非常感谢您的帮助！它现在正在工作。您给出的代码是在到达下一张幻灯片（幻灯片1）时禁用“下一页”和“上一页”箭头。更新的代码不是禁用“上一页”箭头。我之前也尝试过这种逻辑。幻灯片正在移动，但当它到达第0张幻灯片时，上一个箭头将被禁用。请注意相同的问题：“上一个”箭头仍处于禁用状态