jquery - swipe.js 过渡结束函数

Question

我已经通过@bradbirdsall ( http://swipejs.com/ )实现了 swipe.js

该插件具有 transitionEnd 功能。当用户到达最后一张幻灯片时，如何让它引导用户访问 .index.html？

window.mySwipe = new Swipe(document.getElementById('slider'), {
callback: function(index, elem) {},
transitionEnd: function(index, elem) {}
});

jQuery 新手。很高兴在这里学习，但时间很短。提前感谢您的帮助！

G

Answer 1

在回调和/或 transitionEnd 中，您可以使用以下Swipe API 函数来检查您是否在最后一张幻灯片：

• getPos()返回当前幻灯片索引位置
• getNumSlides()返回幻灯片的总数

显然，通过这些信息，您可以检查您是否在最后一张幻灯片上，并将您的用户重定向到相应的功能index.html设置window.location，例如。

Answer 2

我已经为类似的需求做了类似的事情

window.mySwipe = new Swipe(document.getElementById('userSlider'), {
  startSlide: 0,  
  speed: 400,
  continuous: false,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {
    if(window.mySwipe.getPos() === 3){
        setTimeout(function(){
          $('#userSlider').fadeOut();
        }, 500);
      }
     },
  transitionEnd: function(index, elem) {}
  });

你也可以这样做，达到同样的效果

window.mySwipe = new Swipe(document.getElementById('userSlider'), {
  startSlide: 0,  
  speed: 400,
  continuous: false,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {
    if(window.mySwipe.getPos() === 3){
      setTimeout(function(){
        $('#userSlider').fadeOut();
      }, 500);
     }

    }
});