disabledClass
前进后退按钮不可用时的类名。
例如在第一个slide时，后退按钮不可用，该按钮会添加一个不可用时的类名。
例如在第一个slide时，后退按钮不可用，该按钮会添加一个不可用时的类名。
disabledClass信息
- 类型：
- string
- 默认：
- swiper-button-disabled
- 举例：
- my-button-disabled
- 启用版本：
- 4.0.0
效果演示
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
disabledClass: 'my-button-disabled',
},
})
</script>
<style>
.my-button-disabled{
opacity:0.2;
}
</style>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/navigation/240.html