transitionEnd(swiper)
回调函数,过渡结束时触发。可选Swiper实例作为参数。
如果你使用setWrapperTranslate和setWrapperTransition来设定wrapper移动,这个函数不会触发,你可以使用原生transitionEnd事件。
人为中断过渡不会触发这个函数
如果你使用setWrapperTranslate和setWrapperTransition来设定wrapper移动,这个函数不会触发,你可以使用原生transitionEnd事件。
人为中断过渡不会触发这个函数
transitionEnd(swiper)信息
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
slidesPerView: 3,
spaceBetween: 30,
on:{
transitionEnd: function(){
alert('过渡结束');
},
},
});
$('#btn1').click(function(){
mySwiper.setTransition(1000);
mySwiper.setTranslate(-1000);
mySwiper.$wrapperEl.transitionEnd(function () {
alert('swiper自带transitionEnd不会触发,这是自定义的');
});
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/event/222.html