javascript - 第二次点击时显示 Bootstrap 弹出窗口

Question

我有一个数据绑定(bind)列表，其中一列显示弹出框:

<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>

和getInfo函数:

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

我唯一的问题是弹出窗口出现在第二次点击时，但我不知道为什么。有什么我需要补充的吗？

Answer 1

找到原因 :) 第一次点击时，我的弹出窗口正在初始化，第二次点击时显示。解决方案是:

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

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