Swiper中文论坛

标题: Swiper初始化时onInit与onSlideChangeEnd事件的执行顺序 [打印本页]
作者: tvrfqbmnm    时间: 2015-11-10 13:13
标题: Swiper初始化时onInit与onSlideChangeEnd事件的执行顺序
本帖最后由 tvrfqbmnm 于 2015-11-10 13:19 编辑

我在开发一个兼容Swiper插件的动画控制器时，碰到如下问题：
用以下代码对swiper进行初始化赋值时，会先触发onSlideChangeEnd事件，再触发onInit事件，这让我非常的苦恼，难道是swiper的bug。同时也请高人给出解决方案。
  1. var mySwiper = new Swiper('.swiper-container',{
  2.       direction: 'vertical',
  3.       grabCursor : true,
  4.       loop: true,
  5.       pagination: '.swiper-pagination',
  6.       nextButton: '.swiper-button-next',
  7.       prevButton: '.swiper-button-prev',
  8.       scrollbar: '.swiper-scrollbar',
  9.       onInit: function(swiper){
  10.            alert("init");
  11.       },
  12.       onSlideChangeEnd: function(swiper){
  13.            alert("change");
  14.       },
  15. });
复制代码
当我把loop属性改为false或注释掉的时候，代码的运行又正常。
我需要实现在loop为true的情况下，先触发onInit事件，再触发onSlideChangeEnd事件，请高人指点。



作者: tvrfqbmnm    时间: 2015-11-17 14:42
兼容swiper插件的动画控制器终于开发完成了。具有以下特点：
1、完全兼容swiper的loop模式。
2、结合HTML标签的嵌套，能对同一个画面元素添加多个animate.css的动画样式。
3、能够设置每一个动画效果的播放方式：同步播放、依次播放、循环播放。
4、能够设置每一个动画效果的动画类型：进入动画、表演动画、退出动画。
5、完美支持animate的所有动画参数。
作者: colorWin    时间: 2016-7-19 16:18
问题+1，大神解决了吗
作者: aLIEz    时间: 2019-1-8 16:22
tvrfqbmnm 发表于 2015-11-17 14:42
兼容swiper插件的动画控制器终于开发完成了。具有以下特点：
1、完全兼容swiper的loop模式。
2、结合HTML标 ...

楼主您好， 请问您的这个动画控制器开发完成了吗，是如何给每一个画面添加的动画，我这里在修改动画时出现了一些问题 希望可以请教一下
作者: tsr    时间: 2019-4-26 15:29
aLIEz 发表于 2019-1-8 16:22
楼主您好， 请问您的这个动画控制器开发完成了吗，是如何给每一个画面添加的动画，我这里在修改动画时出 ...

https://www.swiper.com.cn/usage/animate/index.html
看



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2