在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选择器。

  

对象键应遵循gestureName cssSelector和   该值应该是一个回调函数，当执行时执行   在与CSS匹配的元素上执行指定的手势   选择器。

所以将代码改为此。

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

myItem应该是一个面板或任何你想要滑动的东西。