javascript - 如何使 bootstrap popover 多次打开和关闭？

Question

我想要一个使用 Bootstrap 的弹出窗口，可以通过单击弹出窗口中的按钮来关闭该弹出窗口。但关闭后，我必须单击按钮两次才能再次打开弹出窗口。

我目前有以下实现:

HTML:

<button type="button" id="example" class="btn btn-primary">example</button>

JavaScript:

$(document).ready(function() {
    $("#example").popover({
        placement: 'bottom',
        html: 'true',
        title : '<span class="text-info"><strong>Title</strong></span>'+
                '<button type="button" id="close" class="close"
                 onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;);
                 ">&times;</button>',
        content : 'Content'
    });
});  

如何在弹出窗口中实现关闭按钮，而无需单击按钮两次即可重新打开弹出窗口？

Answer 1

您可以通过添加 click() 事件来解决此问题。

$(document).ready(function() {
    $("#example").popover({
        placement: 'bottom',
        html: 'true',
        title : '<span class="text-info"><strong>Title</strong></span>'+
                '<button type="button" id="close" class="close"
                 onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;).click();
                 ">&times;</button>',
        content : 'Content'
    });
});