Bootstrap Popover，显示一个隐藏其他人

Question

我在表格中有很多行，只要点击一行，我就会在该行中创建的其中一个中出现一个弹出框。

$(function() {
  $(document).on('click', ".job-row", function() {
   $('.click-more-info').popover('hide');
   $(this).find('.click-more-info').popover('show');
 });
});

.job-row是我表格中每一行的TR。

.click-more-info是我需要展示的。

一切运行良好，当我单击该行时弹出窗口显示，另一个显示当我单击另一个新行时前一个消失。

然而，当我点回我之前点击的任何行时，它会立即显示并消失。

有什么问题？

Answer 1

尝试在再次给他打电话之前删除popover：

$(element).popover("destroy").popover({
        html: true,
        placement: "top",
        title: "title",
        content: function () {
            return $('.wrapper-html-content').html();
        }
    }).popover("show");

这里我只是用html内容创建popover。

试一试，看看是否有效。