Question

我有一个Meteor应用程序，这是一个基本的记分牌列表，由我的用户在玩简单游戏后提交他们的分数。记分板显示前十个分数，显然对数据库中的最新数据做出反应。我想知道是否有一种方法可以在列表中更新并在彼此之上/之下移动（一点点幻灯片或其他内容）时为列表设置动画，而不仅仅是弹出和弹出。

我发现这个包用于为插入或移除的内容设置动画 - https://atmospherejs.com/webtempest/animate，这很棒，但不提供更新内容。我在流星中看到过关于uiwebhooks的一些事情，但在我的项目中找不到任何关于利用它的东西。

我不介意动画是Meteor，CSS还是jQuery的核心UI，我只需要知道如何调用它们。只需在该元素中添加和删除一个类就足以让我继续使用。

我是前端开发人员，也是Meteor的新手，如果这是一个有点误导的帖子，请道歉。任何可以指向我正确方向的东西都会受到赞赏。

Answer 1

谢谢你的问题。

我从未使用过Meteor，但是根据我对动画的了解 - 我希望它们是在特定类名下的css文件中定义的，是真的吗？

如果是这样，最简单的方法是重启＆＃34;动画，如果你使用关键帧，则是从动态生成的元素中添加/删除负责动画的类。

我在Meteor文档中找到了这个小代码示例：

animated.your-custom-class.zoomIn {
 -webkit-animation-duration: 500ms;
 animation-duration: 500ms;
}

animated.your-custom-class.bounceOut {
 -webkit-animation-duration: 2000ms;
 animation-duration: 2000ms;
}

这让我觉得动画确实是为特定的类名定义的。

尝试我的建议并发布更新，如果它解决了您的问题，请：）

Meteor：动画更新的内容

1 个答案: