web-dev-qa-db-fra.com

Désactivez l'info-bulle Bootstrap fonctionnalité off

Selon documentation il est possible de désactiver la fonctionnalité simplement en faisant $('body').off('.alert.data-api').
Dans le cas de info-bulle J'ai essayé ce qui suit à partir de la console js $('body').off('.tooltip.data-api') mais cela ne désactive pas l'info-bulle sur les boutons.
Des indices sur la façon de procéder?

javascriptjquerytwitter-bootstraptooltipjquery-events
45
Lorraine Bernard

Vous ne pouvez pas désactiver les info-bulles de cette façon car il n'a pas d'écouteur d'événements sur le corps. Au lieu de cela, vous pouvez désactiver les info-bulles elles-mêmes à l'aide du code ci-dessous.

$('[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
102
Jasny - Arnold Daniels

Peux-tu essayer:

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

N'oubliez pas de changer le sélecteur. Fonctionne bien pour moi ... http://jsfiddle.net/D9JTZ/

8
Caio Tarifa

Pour définitivement désactiver une info-bulle:

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

Pour empêcher l'info-bulle de s'afficher en survol mais avoir la possibilité de la réactiver:

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

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

2
Sebastian Smolorz

J'ai trouvé un moyen de le faire en utilisant CSS! Ajoutez simplement .tooltip { visibility: hidden } à votre fichier CSS.

Si vous souhaitez rendre l'accessibilité de votre lien conviviale sans info-bulle, ajoutez simplement aria-label= "Here's a link description."

J'espère que cela t'aides!

0
Calum Childs