从另一个元素关闭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

这是一个已知的bug，与修复未决修订：github