Turn the Tooltip Bootstrap functionality off

javascript jquery twitter-bootstrap tooltip jquery-events
Lorraine Bernard picture Lorraine Bernard · Nov 16, 2012 · Viewed 43.3k times · Source

According the documentation is is possible to turn off the functionality just doing $('body').off('.alert.data-api').
In the case of tooltip I tried the following from js console $('body').off('.tooltip.data-api') but it does not disable the tooltip on bottons.
Any hints how to precede?

Answer

Arnold Daniels picture Arnold Daniels · Nov 16, 2012

You can't disable tooltips that way because it has no event listener on the body. Instead, you can disable the tooltips themselves using the code below.

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

Edit: For Bootstrap 4, the 'destroy' command has been replaced by the 'dispose' command, so:

$('[rel=tooltip]').tooltip('dispose') // Hide and destroy tooltips in Bootstrap 4

Related questions

Bootstrap Tooltip - Hide when another tooltip is click

I hope someone can help. I'm trying to hide the tooltip when another tooltip icon is clicked. It works but when I decide to click the last tooltip again it 'flashes' the tooltip. var Hastooltip = $('.hastooltip'); HasTooltip.on('click', …

Read More
Dynamically position Bootstrap tooltip (for dynamically generated elements)

I am using the Tooltips provided by Twitter Bootstrap (http://twitter.github.com/bootstrap/javascript.html#tooltips). I have some dynamically inserted markup in my DOM which needs to trigger the tooltips. That's why I trigger tooltips in the following …

Read More
Keep Twitter Bootstrap Tooltip open on mouseleave

For a particular case and element I need to show Bootstrap Tooltip by default (once the page is loaded) an always keep it open (even on mouseover and mouseout). That's the code I use to open tooltip by default on …

Read More