JQuery动画和流星

Question

在删除记录后尝试制作fadeOut动画。在事件中它看起来像那样：

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

但这不起作用。动画如何正确？

Answer 1

大多数现有的jQuery动画实现与Meteor无关。您要做的是使用动画挂钩，这些挂钩会在数据更改时自动激活：

  

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

Answer 2

这就是你要找的东西吗？

示例：http://jsfiddle.net/3JRfU/

.on('click','.delete', function (e) {
    $(this).fadeOut(1000);
});

或

.on('click','.delete', function (e) {
    $(e.target).fadeOut(1000);
});