Question

您好我有一个使用slides.js构建的滑块图库。滑块工作得很好，但我需要实现滑动功能。为了得到它，我想用Hammer.js进行一次刷卡回调并制作一个函数来强制滑块将图像滑动到下一个或前一个。但我不知道Slides.js是否有此选项。我想做的事情是这样的：

document.addEventListener("DOMContentLoaded", function() {
    var listItems = document.getElementsByTagName("body");
    var touchControl = new Hammer(listItems[0]);
    touchControl.on("panright", function(event) {
      // Here is what I'm not sure how to do it
      $("slider").slide
    }
});

Answer 1

这就是我为使其发挥作用而做的事情

document.addEventListener("DOMContentLoaded", function() {
  var item = document.getElementsByClassName("flexslider");
  var touchControl = new Hammer(item[0]);
  touchControl.on("panright", function(event) {
    if (event.distance > 250) {
      $(".flexslider").flexslider("prev");
    }        
  });
});

document.addEventListener("DOMContentLoaded", function() {
  var item = document.getElementsByClassName("flexslider");
  var touchControl = new Hammer(item[0]);
  touchControl.on("panleft", function(event) {
    console.log(event.distance)
    if (event.distance > 250) {
      $(".flexslider").flexslider("next"); 
    }       
  });
});

强制滑块在回调后滑动

1 个答案: