我有一个数据绑定(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
});
}
我唯一的问题是弹出窗口出现在第二次点击时,但我不知道为什么。有什么我需要补充的吗?
最佳答案
找到原因 :) 第一次点击时,我的弹出窗口正在初始化,第二次点击时显示。解决方案是:
function getInfo(click) {
$('#' + click).popover({
content: 'Dana',
html: true
});
$('#' + click).popover("show");
}
关于javascript - 第二次点击时显示 Bootstrap 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40470513/