jquery - 在 MeteorJS 中为表格行制作动画

Question

我有一种购物车，当添加新商品时，它们会从顶部淡入，效果很好。但是，当我尝试对元素进行 jquery 淡出时，似乎 meteor 在元素可以动画化之前将其移除，并且它会出现非常难看的闪光。

下面是用于删除元素的 coffescript，我尝试在动画应该触发后添加延迟，但这不起作用。我正在使用 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为此目的，允许您绑定(bind)到渲染引擎。在助手级别几乎不可能做到这一点。这些没有很好的记录，但自 0.8.0 以来就存在了。

我已经编写了一个程序包，它可以为 {{#each}} block 自动淡入和淡出:https://github.com/mizzao/meteor-animated-each

您可以在 http://animated-each.meteor.com/ 试玩演示.这些示例应该可以帮助您完成大部分工作。