当特定方向上没有更多图像时，隐藏快捷键js导航按钮(左和右)

Question

当特定方向上没有更多图像时，如何隐藏swiper js导航按钮(左和右)？

例如：如果在正确的方向上没有图像，那么应该隐藏右侧的导航按钮。

Answer 1

我找到了一个使用CSS的简单解决方案

​

.swiper-button-disabled{
    display:none;   
}

​

当该方向上没有图像时，这将自动隐藏该方向的导航按钮。

Answer 2

使用jQuery，您可以执行以下操作：

if (swiper.activeIndex===0) {
  $('.left-slide').hide()
  $('.right-slide').show()
} else if (swiper.activeIndex === swiper.slides.length-1) {
  $('.left-slide').show()
  $('.right-slide').hide()
}

第一个条件是第一张幻灯片