javascript - 回调后强制 Slider 滑动

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