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新手。很高兴学习，但在这里时间很短。在此先感谢您的帮助！

Answer 1

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

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);
     }

    }
});

swipe.js过渡结束函数

2 个答案: