如何在MeteorJS中淡出删除元素

时间:2013-03-07 19:57:29

标签: javascript jquery meteor fadeout

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

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

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

干杯!

2 个答案:

答案 0 :(得分:1)

您是否尝试过使用callback

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

  }
})

更新:根据Rahul的建议添加“自我”。

答案 1 :(得分:0)

试试这个:

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