流星中gajus/swing的使用示例答案

【问题标题】：usage example of gajus/swing in meteor流星中gajus/swing的使用示例
【发布时间】：2015-11-08 08:36:23
【问题描述】：

嗨，我对流星还是很陌生，我想实现这个名为 swing 的 npm。我的问题是：

这可以作为一个 npm 模块安装在流星中并使用它的所有功能吗？
事件如何挂起？我可以在模板上使用流星的事件处理程序吗？

如果你们中的任何人都可以提供一些如何在流星中实现这个伟大的 nmp 的例子，那就太好了

【问题讨论】：

标签： javascript meteor npm

【解决方案1】：

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

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

从那里您可以安全地使用该库（当然是在 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'));
});

在这种情况下，您不能真正依赖 jQuery 中的事件，因为您的库具有不同的钩子，因此将按照上述说明进行事件处理。

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

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

【讨论】：