javascript - MeteorJS で削除時に要素をフェードアウトする方法

Question

http://shopping-list.meteor.comをご覧ください。アイテムがすぐに消えるのではなく、削除されたときにアイテムをフェードアウトしたいのですが、これをどのように実装するかわかりません。

コードはhttp://github.com/chintanparikh/shopping-listにあります。

誰かが私を正しい道に導くことができれば、それは素晴らしいことです.

乾杯！

Answer 1

Have you tried using the callback:

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

  }
})

Update: added "self" as suggested by Rahul.

Answer 2

これを試して：

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