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

Hammer.js - 旋转木马下一个和上一个按钮

1 个答案: