javascript - 在 Meteor.js 上开始使用 Hammer.js

Question

我在使用 Meteor 启用触摸事件时遇到问题。我安装了 chriswessels:hammer 包，但由于某种原因它无法工作。我可能错过了一些非常简单的东西。我需要以某种方式初始化它吗？

当我简单地添加时

Template.showProduct.gestures({
 'swipe': function(e, t) {
    e.preventDefault();
    console.log("HAMMERTIME!");
  }
});

什么也没发生。这是代码示例 http://meteorpad.com/pad/ZStmQwaPfP9LNDX2v/Hammertime

我变了

Template.player.events({
  'click': function () {
    Session.set("selectedPlayer", this._id);
  }
});

至

Template.player.events({
  'tap': function () {
    Session.set("selectedPlayer", this._id);
  }
});

这不应该起作用吗？

Answer 1

好吧，你缺少 CSS 选择器。

The object keys should follow the format gestureName cssSelector and the value should be a callback function that is executed when the specified gesture is performed on the element(s) matching the CSS selector.

所以将代码更改为这样。

Template.showProduct.gestures({
 'swipe .myItem': function(e, t) {
    e.preventDefault();
    console.log("HAMMERTIME!");
  }
});

其中 myItem 应该是面板或您想要滑动的任何内容。