JQuery 动画和 Meteor

Question

删除记录后尝试制作淡出动画。在事件中它看起来像这样:

    'click .delete': function (e) {
        $(e.target).fadeOut(1000);
        Vals.remove(this._id);
    }

但这行不通。如何正确制作动画？

Answer 1

大多数现有的 jQuery 动画实现与 Meteor 无关。您需要做的是使用数据更改时自动激活的动画 Hook :

https://groups.google.com/d/msg/meteor-core/1kUoG2mcaRw/j4bNvXu36IoJ

这对于代码的稳健性也更好，因为您不必跟踪何时对事物进行动画处理，而只需跟踪如何对它们进行动画处理。以下是几个示例:

• https://github.com/mizzao/meteor-animated-each - 添加/删除时淡入/淡出并调整滚动位置。演示地址:http://animated-each.meteor.com/ .
• https://github.com/percolatestudio/transition-helper