javascript - 如何在 MeteorJS 中淡出删除元素

Question

看看：http ://shopping-list.meteor.com 。我想在项目被删除时淡出它们，而不是让它们立即消失，我不确定如何实现这一点。

代码位于http://github.com/chintanparikh/shopping-list。

如果有人能让我走上正确的道路，那就太棒了。

干杯!

Answer 1

您是否尝试过使用回调：

Template.item.events({
  'click .close': function()
  {
    var self = this;
    $(self).fadeOut('slow', function() { Items.remove(self); });

  }
})

更新：按照 Rahul 的建议添加了“self”。

Answer 2

尝试这个：

Template.item.events({
  'click .close': function()
  {
    //get parent (li) and fade it out.
    $(this).parent().fadeOut();
    Items.remove(this);
  }
})