Javascript 引导弹出窗口在任何单击时关闭

正如你所看到的，我有一个Boostrap Popover，它可以通过外部点击和点击“x”来关闭

但是，当您单击另一个按钮popover时，第一个popover不会消失

有没有办法更改javascript，使第一个弹出窗口在任何单击时消失

HTML:

<form action="quote-calculator.php" method="post">

<div class="bs-docs-example" style="padding-bottom: 24px;">
  <a href="#" class="more-info btn btn-large btn-danger" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
</div>

<div class="bs-docs-example" style="padding-bottom: 24px;">
  <a href="#" class="more-info btn btn-large btn-danger" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
</div>

<div class="bs-docs-example" style="padding-bottom: 24px;">
  <a href="#" class="more-info btn btn-large btn-danger" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
</div>

</form>

jQuery：

    var isVisible = false;
    var clickedAway = false;

    $('.btn-danger').popover({
            html: true,
            trigger: 'manual'
        }).click(function(e) {
            $(this).popover('show');
        $('.popover-content').append('<button class="close" style="position: absolute; top: 0; right: 6px;">&times;</button>');
            clickedAway = false
            isVisible = true
            e.preventDefault()
        });

    $(document).click(function(e) {
      if(isVisible & clickedAway)
      {
        $('.btn-danger').popover('hide')
        isVisible = clickedAway = false
      }
      else
      {
        clickedAway = true
      }
    });

var isVisible=false；
var clickedAway=false；
$（'.btn-danger'）.popover({
是的，
触发器：“手动”
})。单击（功能（e）{
$（this.popover（'show'）；
$（'.popover content'）。追加（'×；'）；
ClickedWay=false
isVisible=true
e、 预防默认值（）
});
$（文档）。单击（函数（e）{
如果（可见并单击路径）
{
$（'.btn danger'）.popover（'hide'））
isVisible=ClickedWay=false
}
其他的
{
ClickedWay=true
}
});

尝试添加

$('.close:visible').trigger('click');

以前

$(this).popover('show');

$(this).popover('show');

添加

$('.popover').hide();

以前

$(this).popover('show');

$(this).popover('show');

这会在显示当前元素之前隐藏所有

popover

类元素

---

祝你好运

它确实会关闭第一个popover，但有时也会关闭第二个popover。