工具提示永遠不會關閉時的狀態變化

Question

我做了麪包屑：

Home > Page 1 > Page 1.1

在每個父頁面（Home，Page 1）我想顯示包含在本網頁細節的引導提示。這工作正常。但是，當我點擊Tab鍵直到我到達一個鏈接到另一個頁面的按鈕並點擊Enter時，頁面會改變，但工具提示保持打開狀態，並且永遠不會關閉，即使我回到頁面並在任何地方點擊也是如此。

這裏是模板：

<a ui-sref="home" 
    title="Home" 
    class="btn btn-default contains-tooltip"> 
     <span class="fa fa-home"></span> 
</a> 
<a ng-repeat="page in breadcrumb" 
    ui-sref="{{ page.href }}" 
    class="btn btn-default contains-tooltip" 
    title="{{ page.description }}" 
    ng-bind-html="page.title"></a> 

和相關的JS：

$('.contains-tooltip').tooltip({ 
    container: 'body', 
    html: true, 
    trigger: 'hover', 
    placement 'bottom' 
}); 

Answer 1

$(...).tooltip是不知道的狀態的變化，因爲它是外面角。你必須強制隱藏工具提示。

添加一個事件偵聽器，該事件偵聽器將在路由更改時隱藏所有工具提示。

app.module('myApp').run(function($rootScope) { 
    $rootScope.$on('$routeChangeStart',function() { 
     $('.contains-tooltip').tooltip('hide'); 
    }); 
});