javascript - Hammer.js - 轮播下一个和上一个按钮

Question

我正在创建类似于hammer.js 轮播的东西。我想在轮播中添加下一个和上一个按钮。我在 StackOverflow 上找到了这个解决方案：Triggering Hammer.js drag/slide behavior on mouse click。

使用上面链接中的代码，我可以让下一个按钮工作，但是具有相同代码的上一个按钮不起作用。

下一个按钮的代码：

var nexthammertime = Hammer('.next').on("tap", function (event) {
      console.log(event);
      var nextCarousel = new Carousel("#carousel");
      nextCarousel.init();
      nextCarousel.showPane(1);
  });

上一个按钮的代码：

var previoushammertime = Hammer('.previous').on("tap", function (event) {
      console.log(event);
      var previousCarousel= new Carousel("#carousel");
      previousCarousel.init();
      previousCarousel.showPane(0);
  });

Answer 1

这是解决方案

下一个按钮的代码：

var nexthammertime = Hammer('.next').on("tap", function (event) {
  console.log(event);
  var nextCarousel = new Carousel("#carousel");
  nextCarousel.init();
  nextCarousel.showPane(1);
});

上一个按钮的代码：

var previoushammertime = Hammer('.previous').on("tap", function (event) {
  console.log(event);
  var previousCarousel= new Carousel("#carousel");
  previousCarousel.init();
});