关闭Tooltip Bootstrap功能

时间:2012-11-16 10:02:24

标签: javascript jquery twitter-bootstrap javascript-events tooltip

根据documentation,可以关闭仅执行$('body').off('.alert.data-api')的功能 在tooltip的情况下,我在js控制台$('body').off('.tooltip.data-api')中尝试了以下操作,但它没有禁用了Bottons上的工具提示。
有什么提示如何先行?

5 个答案:

答案 0 :(得分:102)

您不能以这种方式禁用工具提示,因为它在主体上没有事件侦听器。相反,您可以使用下面的代码自行禁用工具提示。

$('[rel=tooltip]').tooltip()          // Init tooltips
$('[rel=tooltip]').tooltip('disable') // Disable tooltips
$('[rel=tooltip]').tooltip('enable')  // (Re-)enable tooltips
$('[rel=tooltip]').tooltip('destroy') // Hide and destroy tooltips

答案 1 :(得分:8)

你可以尝试:

$('a[rel=tooltip]').tooltip();
$('a[rel=tooltip]').off('.tooltip');

不要忘记更换选择器。适合我...... http://jsfiddle.net/D9JTZ/

答案 2 :(得分:2)

永久禁用工具提示:

$('[data-toggle="tooltip"]').tooltip("disable");

要停止在悬停时显示工具提示,但能够重新启用它:

$('[data-toggle="tooltip"]').tooltip("destroy");

$('[data-toggle="tooltip"]').tooltip(); // re-enabling

答案 3 :(得分:0)

我找到了一种使用CSS的方法!只需将.tooltip { visibility: hidden }添加到您的CSS文件中即可。

如果您想在没有工具提示的情况下使您的链接辅助功能友好,那么只需添加aria-label= "Here's a link description."

希望这有帮助!

答案 4 :(得分:-2)

我对此也很挣扎,但我想出了一个解决方案! 在我的情况下,我使用Jquery Sortable,当你有工具提示飞来飞去时,这是令人讨厌的!

所以我做了一个变量

var sort = '0`;

由于几乎每个工具提示都有一个init()函数,我创建了

if(window.sort!='1') { // So I'm not sorting
  init.tooltip();
}

因此,这可以是最简单的启用/禁用功能!