在 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 应该是一个面板或任何你想滑动的东西。

在 Meteor.js 开始使用 hammer.js

Getting started with hammer.js on Meteor.js

javascript

meteor

hammer.js