bootstrap 工具提示没有隐藏，在第二页

Question

我正在为我的项目使用 Bootstrap 工具提示。这是我的第一个页面浏览量

第一页

当我单击此查看按钮时，页面导航到第二页。但是Tooltip没有隐藏。

第二页

这是什么原因？我是怎么解决的。

这是按钮html代码

 <div class="btn-group-xs">

                                    <a target="_self" href="app/customer-view/{{users.id}}"
                                        class="btn btn-flat btn-xs btn-success" data-toggle="tooltip"
                                        data-placement="bottom" title="View" tooltip>
                                        <i class="ion ion-eye"></i>
                                    </a>
                                    <a target="_self" href="app/customer-edit/{{users.id}}"
                                        class="btn btn-flat btn-xs btn-primary" data-toggle="tooltip"
                                        data-placement="bottom" title="Edit" tooltip>
                                        <i class="ion ion-edit"></i>
                                    </a>
                                </div>

Answer 1

您可以使用这种类型的代码：

$(".yourButton").click(function(){
  $("[data-toggle='tooltip']").tooltip('hide');
});

或者（在这种情况下工具提示会自动隐藏）

$(document).ready(function () {
   $("[data-toggle='tooltip']").tooltip('hide');
});