Question

我正在创建一个移动应用，我必须保持滑动功能才能删除。由于我在我的应用程序中使用了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之外，我找不到任何东西。感谢

Answer 1

TransitionEnd不是您正在寻找的。转换结束是指向前或向后转换页面的动画停止。

您正在寻找的是isEnd，然后通过回调slideChangeEnd

调用它

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

Answer 2

有一个需要绑定的reachEnd事件，所以当swiper到达终点时会被触发下面是例子

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

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

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

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

2 个答案: