Swiper初始化时onInit与onSlideChangeEnd事件的执行顺序
本帖最后由 tvrfqbmnm 于 2015-11-10 13:19 编辑我在开发一个兼容Swiper插件的动画控制器时,碰到如下问题:
用以下代码对swiper进行初始化赋值时,会先触发onSlideChangeEnd事件,再触发onInit事件,这让我非常的苦恼,难道是swiper的bug。同时也请高人给出解决方案。
var mySwiper = new Swiper('.swiper-container',{
direction: 'vertical',
grabCursor : true,
loop: true,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
scrollbar: '.swiper-scrollbar',
onInit: function(swiper){
alert("init");
},
onSlideChangeEnd: function(swiper){
alert("change");
},
});当我把loop属性改为false或注释掉的时候,代码的运行又正常。
我需要实现在loop为true的情况下,先触发onInit事件,再触发onSlideChangeEnd事件,请高人指点。
兼容swiper插件的动画控制器终于开发完成了。具有以下特点:
1、完全兼容swiper的loop模式。
2、结合HTML标签的嵌套,能对同一个画面元素添加多个animate.css的动画样式。
3、能够设置每一个动画效果的播放方式:同步播放、依次播放、循环播放。
4、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画。
5、完美支持animate的所有动画参数。 问题+1,大神解决了吗 tvrfqbmnm 发表于 2015-11-17 14:42
兼容swiper插件的动画控制器终于开发完成了。具有以下特点:
1、完全兼容swiper的loop模式。
2、结合HTML标 ...
楼主您好, 请问您的这个动画控制器开发完成了吗,是如何给每一个画面添加的动画,我这里在修改动画时出现了一些问题 希望可以请教一下
aLIEz 发表于 2019-1-8 16:22
楼主您好, 请问您的这个动画控制器开发完成了吗,是如何给每一个画面添加的动画,我这里在修改动画时出 ...
https://www.swiper.com.cn/usage/animate/index.html
看
页:
[1]