Javascript 当一个引导弹出框打开时隐藏另一个引导弹出框

从一个网站上，我得到了删除popover的代码

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css'>


<div class="container">
  <h1>Bootstrap Popover Hide Open</h1>
<table>
  <tbody><tr data-toggle="popover" title="first row"><td>One</td><td><a href="#" class="btn">View</a></td></tr>
  <tr data-toggle="popover" title="second row"><td>Two</td><td><a href="#" class="btn">View</a></td></tr>
  <tr data-toggle="popover" title="third row"><td>Three</td><td><a href="#" class="btn">View</a></td></tr>
</tbody></table>
</div>

<script>
$('[data-toggle=popover]').popover({
  trigger:"click"
});

$('[data-toggle=popover]').on('click', function (e) {
   $('[data-toggle=popover]').not(this).popover('hide');
});


</script>

引导Popover隐藏打开
一个
两个
三
$（'[data toggle=popover]'）。popover({
触发器：“单击”
});
$（“[data toggle=popover]”）。在（'click'，函数（e）上{
$（'[data toggle=popover]'）。而不是（this.popover（'hide'）；
});

但在我的项目中，我使用的是另一个版本的jquery和bootstrap

<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

如何对新脚本而不是旧脚本执行相同的操作

注意：对于新脚本，

需要单击两次才能打开弹出窗口，之前单击过一次

---

首先尝试加载jquery脚本，然后再进行引导。从

src='view-source:https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js“

完全没有更改。请检查下面的代码链接