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

在再次呼叫他之前尝试删除弹出框：

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

在这里，我只是创建带有 html 内容的弹出框。

试试这个，看看是否有效。