Question

我有一种推车，当添加新商品时，它们会从顶部淡入，这很好用。然而，当我尝试jquery项目淡出时，似乎流星正在删除该项目，然后它可以动画出来，它会让这个非常丑陋的闪现。

以下是删除项目的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用于此目的，允许您绑定到渲染引擎。在助手级别几乎不可能做到这一点。这些都没有很好的记录，但它们自0.8.0以来一直存在。

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

您可以在http://animated-each.meteor.com/播放演示。这些例子可以帮助你完成大部分工作。

在MeteorJS中为表行设置动画

1 个答案: