我只有一个触发弹出框的元素，以及另一个关闭它的元素。如果弹出框被这个另一个元素关闭，那么下次我单击触发器时，弹出框将不会显示。我必须单击它两次才能看到它打开。
我正在使用 Bootstrap v3.3.6（今天的最新版本）。如果我使用以前版本的 Bootstrap（即 v3.0.2），它可以正常工作。SO中解决此问题的另一个问题是使用旧版本的Bootstrap。
说明此问题的示例（在Codepen中）：
HTML：
<button class="btn btn-default" data-toggle="popover" data-content="This is a popover">
Toggle popover
</button>
<button class="cpo btn btn-danger">
Close popover
</button>
JS
$('[data-toggle="popover"]').popover();
$(".cpo").on("click", function(e) {
e.preventDefault();
$('[data-toggle="popover"]').popover('hide');
});