template.$(selector) 不工作流星

Question

我刚刚发现将 DOM 搜索限制在当前模板而不是 document 是一个很好的模式，所以我开始将所有 document.querySelector() 替换为 template.find() 和 jquery $(selector) 替换为 template.$(selector)。 内部事件一切正常，但在这段代码 (onRendered) 中它不起作用，我在控制台中得到：TypeError: undefined is not an object (evaluating 'template.$')：

Template.icons.onRendered(function () {
    template.$('.demo-default').tooltipster({
        offsetY: 2,
         theme: 'tooltipster-shadow'
    })
});

有人知道怎么回事吗？

Answer 1

在onCreated、onRendered、onDestroyed等生命周期事件回调中，当前模板实例绑定this关键字。

只需将template（顺便说一下，在此上下文中未定义）替换为this：

Template.icons.onRendered(function () {
  this.$('.demo-default').tooltipster({
    offsetY: 2,
    theme: 'tooltipster-shadow'
  })
});