找出用户何时滑动滑块直到结束答案

【问题标题】：Finding out when user has swiped the slider till end找出用户何时滑动滑块直到结束
【发布时间】：2017-10-30 22:50:11
【问题描述】：

我正在制作一个移动应用程序，我必须在其中保留滑动删除功能。由于我在我的应用程序中出于其他目的使用了 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 类。并且只在其中滑动。它工作正常。但问题是 onTransitionEnd 函数正在执行，即使我滑动一点。有人可以帮我弄清楚当用户滑动到最后时如何编写条件。我检查了 api，但除了 onTransitionEnd 找不到任何东西。谢谢

【问题讨论】：

标签： swiper

【解决方案1】：

有需要绑定的到达结束事件，所以当滑动到达结束时会被触发下面是例子

swiper.on('reachEnd', function(){
     console.log("reach to End");
});

有关 swiper 事件和方法的更多详细信息，请参阅文档

https://swiperjs.com/swiper-api#events

【讨论】：

【解决方案2】：

TransitionEnd 不是您想要的。过渡结束是向前或向后过渡页面的动画停止。

你要找的是isEnd，然后通过回调slideChangeEnd调用它

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

【讨论】：