meteor - template.$(selector) 不工作 meteor

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 等生命周期事件回调中，当前模板实例绑定(bind)到this关键字。

只需用 this 替换 template(顺便说一句，在此上下文中未定义):

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