javascript - 单击鼠标触发 Hammer.js 拖动/滑动行为

Question

我使用 Hammer.js 允许在 Pane 之间拖动。我还想允许一个替代操作，其中还有一个“下一步”按钮，您可以单击(使用鼠标)或触摸(在触摸屏上)，这将自动将幻灯片设置为动画到下一个屏幕。

想象一下 Hammer.js Carousel demo在页面中间有一个“下一步”按钮。当您单击时，它的作用就好像您执行了向左滑动操作一样，将您带到下一个 Pane 。

我想我应该能够触发类似这样的东西:

var hammertime = Hammer('button.next-button').on("tap", function(event) {
    self.next();        
});

这似乎只是让我的鼠标进入拖动模式，而不是执行整个动画。

Answer 1

我遇到了同样的问题。 self.next() 显然不起作用，因为 next 函数未在 self 元素中定义。

需要初始化一个新的carousel实例，然后调用showPane(index)方法:

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

此代码将移动第二个 Pane (索引 = 1)。你当然可以在那里放一个变量。