javascript - ツールチップのブートストラップ機能をオフにする

Question

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

Answer 1

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

$('[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 の場合、コマンドはcommand'destroy'に置き換えられているため、次のようになります。'dispose'

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

Answer 2

試すことができますか：

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

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

Answer 3

ツールチップを永久に無効にするには:

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

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

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

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

Answer 4

CSSで実現する方法を見つけました！.tooltip { visibility: hidden }CSSファイルに追加するだけです。

ツールチップなしでリンクをアクセシビリティ対応にしたい場合は、追加するだけですaria-label= "Here's a link description."

お役に立てれば！

Answer 5

私もこれに苦労しましたが、解決策を思いつきました！私の場合、Jquery Sortable を使用していますが、ツールチップが飛んでいるともちろん面倒です!

だから私は変数を作りました

var sort = '0`;

そして、ほとんどすべてのツールチップには init() 関数があるため、作成しました

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

したがって、これは最も簡単な有効化/無効化機能です!