Bootstrap 弹出框在从另一个元素关闭时不会打开

Question

我只有一个触发弹出框的元素和另一个关闭它的元素。如果弹出框被这个另一个元素关闭，那么下次我单击触发器时，弹出框将不会显示。我必须单击它两次才能看到它打开。

我正在使用 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'); 
});

Answer 1

这是一个已知错误，正在等待修订：github