Javascript 第二次单击时显示的引导弹出窗口

我有一个数据绑定列表，其中一列显示popover：

<tbody data-bind="foreach: tehTab()">
   <tr>
      <td data-bind="text: $data.Category"></td>
      <td data-bind="text: $data.Name"></td>
      <td><button type="button" class="btn" onclick="getInfo(this.id)" data-bind="attr: { id: $data.Id}, text: $data.Value" style="border:none; background-color:white"></button></td>
   </tr>
</tbody>

我唯一的问题是，第二次点击时会出现弹出框，但我不知道为什么。有什么我需要添加的吗？

找到原因：）第一次单击时，我的popover正在初始化，第二次单击时显示。解决办法是：

function getInfo(click) {
    $('#' + click).popover({
        content: 'Dana',
        html: true
    });

    $('#' + click).popover("show");
}

---

以不同的方式初始化时遇到相同的问题。我的解决方案是将其初始化为：

$(document).on("page:load ready", function(){
  $('body').popover({selector: '.my-popover-class', trigger: 'click'});
})

---

popover（）

的其他选项有。

开发人员控制台中有任何消息吗？没有，没有错误消息或类似消息：）

$(document).on("page:load ready", function(){
  $('body').popover({selector: '.my-popover-class', trigger: 'click'});
})