javascript - tag - title bootstrap 4

Desactivar la funcionalidad Tooltip Bootstrap

Question

Según la documentation es posible desactivar la funcionalidad simplemente haciendo $(''body'').off(''.alert.data-api'') .
En el caso de la tooltip sobre tooltip probé lo siguiente desde js console $(''body'').off(''.tooltip.data-api'') pero no deshabilita la información sobre herramientas en los botones.
¿Alguna pista sobre cómo preceder?

Answer 1

¡Encontré una forma de hacerlo usando CSS! Simplemente agregue .tooltip { visibility: hidden } a su archivo CSS.

Si desea que la accesibilidad de su enlace sea amigable sin la información sobre herramientas, simplemente agregue aria-label= "Here''s a link description."

¡Espero que esto ayude!

Answer 2

Luché también con esto, ¡pero se me ocurrió una solución! ¡En mi caso utilizo Jquery Sortable, que por supuesto es molesto cuando tienes tooltips volando!

Entonces hice una variable

var sort = ''0`;

Y dado que casi cada información sobre herramientas tiene una función init (), he creado

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

Por lo tanto, esta puede ser la función de habilitar / deshabilitar más fácil.

Answer 3

No puede desactivar la información sobre herramientas de esa manera porque no tiene un detector de eventos en el cuerpo. En su lugar, puede deshabilitar la información sobre herramientas utilizando el siguiente código.

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

Answer 4

Para desactivar permanentemente una información sobre herramientas:

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

Para evitar que la información sobre herramientas se muestre al desplazarse, pero tener la posibilidad de volver a habilitarlo:

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

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

Answer 5

Puedes intentar:

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

No olvides cambiar el selector. Funciona bien para mí ... http://jsfiddle.net/D9JTZ/