tvrfqbmnm 发表于 2015-11-10 13:13:40

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事件,请高人指点。



tvrfqbmnm 发表于 2015-11-17 14:42:30

兼容swiper插件的动画控制器终于开发完成了。具有以下特点:
1、完全兼容swiper的loop模式。
2、结合HTML标签的嵌套,能对同一个画面元素添加多个animate.css的动画样式。
3、能够设置每一个动画效果的播放方式:同步播放、依次播放、循环播放。
4、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画。
5、完美支持animate的所有动画参数。

colorWin 发表于 2016-7-19 16:18:27

问题+1,大神解决了吗

aLIEz 发表于 2019-1-8 16:22:49

tvrfqbmnm 发表于 2015-11-17 14:42
兼容swiper插件的动画控制器终于开发完成了。具有以下特点:
1、完全兼容swiper的loop模式。
2、结合HTML标 ...

楼主您好, 请问您的这个动画控制器开发完成了吗,是如何给每一个画面添加的动画,我这里在修改动画时出现了一些问题 希望可以请教一下

tsr 发表于 2019-4-26 15:29:02

aLIEz 发表于 2019-1-8 16:22
楼主您好, 请问您的这个动画控制器开发完成了吗,是如何给每一个画面添加的动画,我这里在修改动画时出 ...

https://www.swiper.com.cn/usage/animate/index.html
页: [1]
查看完整版本: Swiper初始化时onInit与onSlideChangeEnd事件的执行顺序