我注意到这种奇怪的工具提示行为。
如果我单击具有引导工具提示的链接,然后切换选项卡或最小化窗口,然后返回主窗口,则即使鼠标没有悬停,也会显示工具提示。
这是一个错误吗?还是正常行为?
http://jsfiddle.net/4nhzyvbL/1/
HTML代码
<a data-original-title="Download" target="_blank" href="http://www.google.com/"
data-toggle="tooltip" title=""> click me and then come back to check me </a>
CSS代码
@import url("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css");
@import url("http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
JS代码
$(function (){$('[data-toggle="tooltip"]').tooltip({});});
当用户返回主窗口时,如何使工具提示不显示?即自动隐藏。
最佳答案
这是预期的行为。在Bootstrap documentation中,hover focus
是显示工具提示的默认触发器。因此,当您返回窗口时,链接将获得焦点,并且将显示工具提示。您可以通过在元素上设置自己的触发器来禁用它:
data-trigger="hover"
或在jQuery初始化程序中:
$('[data-toggle="tooltip"]').tooltip({
trigger: 'hover'
});
例如:
http://jsfiddle.net/4nhzyvbL/4/