2017-05-30 71 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"); 
     } 
});