swiper
2017-05-30 3 views 0 likes 
0

私はスワイプの機能を削除しなければならないモバイルアプリを作っています。私はいくつかの他の目的のために私のアプリでスワイパー危険なスワイパーを使用しているので、私はスワイプの機能を削除するために同じを使用すると思った。私が書いたコードは以下の通りですユーザーがスライダを最後までスワイプしたときを見つけ出す

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クラスを作成しています。その中で唯一のスワイパースライド。そのうまく動作します。しかし、問題はonTransitionEnd関数が少し滑っても実行されていることです。ユーザーが最後までスワイプしたときに条件を書き込む方法を理解するのに助けてくれますか?私はapiをチェックしたが、onTransitionEnd以外のものは見つけられなかった。 ありがとう

答えて

1

あなたが探しているものではありません。遷移終了は、ページを前進または後退させるアニメーションが停止するときです。

あなたが探しているのは、コールバックを経由して、それを呼び出して

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

isEndで、
関連する問題