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

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

Bootstrap's popover doesn't open when it has been closed from another element

twitter-bootstrap-3

bootstrap-popover