web-dev-qa-db-ja.com

Tooltip Bootstrap機能をオフにする

ドキュメント によると、$('body').off('.alert.data-api')を行うだけで機能をオフにすることができます。
tooltip の場合、js console $('body').off('.tooltip.data-api')から以下を試しましたが、ボタンのツールチップは無効になりません。
先行する方法のヒントはありますか？

javascriptjquerytwitter-bootstraptooltipjquery-events
45
Lorraine Bernard

本体にイベントリスナーがないため、ツールチップをそのように無効にすることはできません。代わりに、以下のコードを使用してツールチップ自体を無効にすることができます。

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

試すことができます：

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

セレクタを変更することを忘れないでください。私にとってはうまくいきます... http://jsfiddle.net/D9JTZ/

8
Caio Tarifa

永続的にツールチップを無効にするには：

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

ホバー時にツールチップが表示されないようにするには、ツールチップを再度有効にするには：

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

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

2
Sebastian Smolorz

CSSを使用してそれを行う方法を見つけました！ .tooltip { visibility: hidden }をCSSファイルに追加するだけです。

ツールチップを使用せずにリンクのアクセシビリティを高めたい場合は、aria-label= "Here's a link description."を追加してください

お役に立てれば！

0
Calum Childs