流星中gajus / swing的使用示例

Question

嗨我仍然是流星的新手，我想实现这个名为swing的npm。我的问题是：

• 这可以在meteor中作为npm模块安装并使用它的所有功能吗？
• 活动怎么样？我可以在模板上使用meteor的事件处理程序吗？

如果你们中的任何一个人能够提供一些如何在流星中实现这个伟大的nmp的例子

Answer 1

我希望这些能够回答你的两点：

1. 不需要npm。这是一个浏览器库。除非你使用像browserify这样的工具，否则npm包主要是服务器端包。抓住这个https://github.com/gajus/swing/blob/master/dist/swing.min.js并将其放在client/compatibility下的Meteor项目中，因为那里应放置任何外部库。

从那里你可以安全地使用图书馆（当然在Template.tinder.onRendered()内）：

stack.on('throwout', function (e) {
    console.log('Card has been thrown out of the stack.');
    console.log('Throw direction: ' + (e.throwDirection == Card.DIRECTION_LEFT ? 'left' : 'right'));
});

1. 在这种情况下你不能真正依赖jQuery中的事件，因为你的库有不同的钩子，所以事件处理将如上所述进行。

JSYK，下面的代码在Meteor中不会做任何事情（甚至抛出一个错误），我建议你按照他们的github README来查看所有事件，钩子和回调名称。

Template.tinder.events({
  'throwout .card li': function(e) {
  }
});