弹出悬停在表头 Meteor 上

Question

我有以下html

<th  scope="col" class="table-success titlerow featurecol"
     id='headerPop'>
    Some Text Header
    <sup>
        <a href='' class="fas fa-info"></a>
    </sup>
</th>

和 Meteor javascript 文件

Template.nameTemplate.events({ 
'mouseenter #headerPop':async function (event,instance){

      instance.$(event.currentTarget).popover({
        html:true,
        title:'The title',
        content:'Some text here'

      })
}
})

虽然弹出框似乎从未出现，但这里有什么问题？ 每次用户将鼠标悬停在表格的标题列上时，我都需要显示弹出消息

Answer 1

每次用户将鼠标悬停在表格的标题列上时，我都需要显示弹出消息

这表明，you need an event 触发了弹出框，而不是onRendered 回调（即not intended to control event flow）。

“悬停”功能可以使用mouseover 或mouseenter 来实现（您需要找出适合您的需要，但mouseenter 似乎是一个不错的候选人）：

Template.nameTemplate.events({
  'mouseenter th' (event, templateInstance) {
    const title = templateInstance.title.get()
    templateInstance.$(event.currentTarget).popover({ title })
  }
})

您可以在此处使用选择器，例如 th，但您可以使用类选择器指定更窄的范围。