在 MeteorJS 中为表格行设置动画

Question

我有一种购物车，当添加新项目时，它们会从顶部淡入，这很好用。 但是，当我尝试 jquery 淡出该项目时，似乎流星在它可以动画出来之前删除了该项目，并且它得到了这个非常难看的闪现。

以下是删除项目的咖啡脚本，我尝试在动画触发后添加延迟，但这不起作用。我正在使用 animate.css 和哇。

我已将该站点部署到 stackoverflowrocks.meteor.com，以便您了解我的意思。

提前感谢

'click .btnminus': (e, template) ->
            #console.log(event.target);
            value = $(event.target).attr('data')
            if Order.findOne(name: value).quantity > 1
                Order.update { name: value }, $inc: quantity: -1
            else
                $(event.target).parent().parent().removeClass('fadeInDown').addClass('fadeOutUp').delay(800)
                Order.remove name: value

Answer 1

Meteor 有一些 UI hooks 用于此目的，可让您连接到渲染引擎。在助手级别几乎不可能做到这一点。这些没有很好的文档记录，但它们从 0.8.0 开始就存在了。

我已经为{{#each}} 块编写了一个自动淡入淡出的包：https://github.com/mizzao/meteor-animated-each

您可以在http://animated-each.meteor.com/ 上进行演示。这些示例应该可以帮助您了解大部分情况。