Question

从example，我得到了此代码以删除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>

但在我的项目中，我正在使用另一个版本的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>

如何对不使用旧脚本的新脚本执行相同操作。

注意：使用新脚本<td>需要点击两次，以便在点击之前打开弹出窗口。

Code

当一个打开时隐藏其他引导程序popover

0 个答案: