javascript - 子模板后的 Meteor OnRendered 函数

Question

父模板onRendered函数在子模板之前调用。如何在子模板渲染后执行父模板函数。

<template name="parent">
 {{#each object}}
  {{> child}}
 {{/each}}
</template>

<template name="child">
 <img src="someurl" data-src="someurl">
</template>

现在我需要执行一些文档准备功能

Template.parent.onRendered(function() { // doesnt invokes after child template
 $("img").unveil();
 $(window).trigger("lookup");
});

Answer 1

autorun 的组合和 afterFlush可能就是你所需要的。尝试一下这样的事情:

Template.parent.onRendered(function() {
  this.autorun(function() {
    // replace the find with whatever is in your helper
    // which returns the children array/cursor
    if (Children.find().count()) {
      // this should run after the child templates have been rerendered
      Tracker.afterFlush(function() {
        $('img').unveil();
        $(window).trigger('lookup');
      });
    }
  });
});