我只有一个触发弹出窗口的元素，以及另一个关闭它的元素。如果弹出窗口被另一个元素关闭，那么下次我点击触发器时，弹出窗口不会显示。我必须点击它两次才能看到它打开。
我正在使用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');
});