javascript - 插入/删除新帖子时转换其他帖子

Question

我有一个用 #each block 呈现的帖子列表，如下所示

{{#each posts}}
    {{> post}}
{{/each}}

当我在集合中插入和删除文档时，DOM 也会同样修改，其他帖子会立即进入新位置。

是否有任何方法可以通过过渡来接管此重新定位，让旧元素滑出新帖子淡入的方式，并让较低的帖子向上滑动以占用已删除帖子的空间淡出？

Answer 1

您可以使用 _uihooks在 Blaze 更改 DOM 时实现转换。以下 Hook 可用:

var hooks = {
  insertElement: function(node, next) {
    // called when Blaze intends to insert the DOM element node before the element next
  },
  moveElement: function(node, next) {
    // called when Blaze intends to move the DOM element node before the element next
  },
  removeElement: function(node) {
    // called when Blaze intends to remove the DOM element node
  }
}

这里有几个例子:benstr/Meteor_uihooks , tmeasday/transition-helper和 Meteor JS Animation article provided by Web Tempest .