48

根据文档可以关闭刚刚做的功能$('body').off('.alert.data-api')
工具提示的情况下,我从 js 控制台尝试了以下操作,$('body').off('.tooltip.data-api')但它没有禁用按钮上的工具提示。
任何提示如何先行?

4

5 回答 5

111

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

$('[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

编辑:对于 Bootstrap 4,'destroy'命令已被命令替换'dispose'因此:

$('[rel=tooltip]').tooltip('dispose') // Hide and destroy tooltips in Bootstrap 4 
于 2012-11-16T10:20:25.913 回答
9

你能试一下吗:

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

不要忘记更改选择器。对我来说很好...... http://jsfiddle.net/D9JTZ/

于 2012-11-16T10:20:03.223 回答
4

永久禁用工具提示:

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

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

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

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

于 2017-05-22T09:04:33.673 回答
0

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

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

希望这可以帮助!

于 2017-07-10T14:39:51.343 回答
-3

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

所以我做了一个变量

var sort = '0`;

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

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

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

于 2015-08-10T14:21:38.573 回答