2017-05-30 81 views
0

我正在制作一个移动应用程序,在该应用程序中我必须保留要删除的滑动功能。由于我在我的应用中使用了swiper危险swiper来实现其他目的,因此我认为可以使用相同的方法进行滑动以删除功能。下面是我写的代码找出用户滑动滑块直到结束的时间

for(var i = 0; i < len; i++){$(".dashboard").append("<div class='swiper-container eachSwiper'><div class='swiper-wrapper'><div class='swiper-slide'><span><img src='img/Customer.png'/></span>hello</span><br>there</span></div></div></div>"); 
       var inSwiper = "swiper"+i; 

      var options = { 
       onTransitionEnd : function(inSwiper){ 
        console.log("its removed"); 
       } 
      } 
       inSwiper = new Swiper('.eachSwiper',options);} 

我正在为每个循环运行创建新的swiper-container类。只有sw slide滑行。它的工作正常。但问题是即使我滑动一点,onTransitionEnd函数也在执行。有人可以帮助我弄清楚如何写出一个条件,当用户滑动到最后。我检查了API,但无法找到除了onTransitionEnd之外的其他东西。 谢谢

回答

1

TransitionEnd不是你要找的。转换结束时是停止向前或向后转换页面的动画。

什么你要找的是isEnd,然后通过回调称之为slideChangeEnd

mySwiper.on('slideChangeEnd', function() { 
    if (mySwiper.isEnd) { 
      console.log("end is reached"); 
     } 
});