Twitterのブートストラップのツールチップを上書きする方法は？

Question

私は、Twitterブートストラップパッケージのツールチップを使用して、ページのアイテム情報を表示しています。情報が変更され、ツールチップで更新する必要がある場合があります。

$('#selector').tooltip({ title: 'new text'}); 

ただし、ツールチップのタイトルは新しいテキストで変更されません。それは最初に設定されたものと同じままです。何らかのアイデアがあり、何か回避策がありますか？ありがとう！

Answer 1

更新：としてTWBS V3がdata('bs.tooltip')

---

を使用していますあなたは一つの要素でそれを初期化した後、あなたがツールヒントオブジェクトをオーバーライドすることはできません、@ナイジェル・エンジェルが指摘。しかし、それを削除してもう一度やり直すことができます。

すべてのオプション（存在する場合）を使用して、ツールチップを削除してから、再度初期化してみてください。

リスナーを削除する必要があるかもしれませんが、そのように動作します。

Answer 2

何らかの理由で、これが私のために機能しませんでした（ブートストラップ2.1.1）。私がしなければならなかった何 た：

$('#element').tooltip('destroy'); 
    $("#element").tooltip({'placement':'right', 'title':'larger larger text title'}); 
    $("#element").tooltip('show'); 

Answer 3

この技術はので、私はコメントof a similar questionのいずれかに隠されて、答えを見つけることが私のために動作しませんでした。あなたがこの複雑なソリューションを行かないone.Need最も簡単に使用することができます@Sherbrow

ツールチップ

$(element).attr('title', 'NEW_TITLE').tooltip('fixTitle').tooltip('show');

の表示テキストを更新するためのクリーンな方法はlukmdo

Answer 4

に感謝します。 サンプルコードです。

$('#spanUsername').prop('title', newValue);  

Answer 5

私はブートストラップ3を使用していますが、これらのどれもバグなしで私のために働いていませんでした。 .tooltip('destroy')でツールチップを破棄し、同じファンクション.tooltip({...})で再作成すると、ツールチップが機能しなくなります。レクリエーションコールが、破壊呼び出しが非同期的に完了した後に、レクリエーションコールが後で行われた場合にのみ機能しました（したがって、なぜ即時のレクリエーションが騒がれたか）。

内部データを破棄する提案.data('tooltip',false)は機能しませんでした。まず、ブートストラップ3ではdata('bs.tooltip, false)となり、ツールチップが現在表示されている場合は、そのツールチップがリークして永久に表示されます。新しいツールチップは、その上に表示され、隠されます。

私の最終的な解決策は：

$x.tooltip('hide'); 
$x.data('bs.tooltip', false); 
$x.tooltip({ ... }) // recreate it 

も.attr('title', '...')と同様のソリューションを経由してタイトルを変更し、.tooltip('fixupTitle')を呼び出す注働いた - しかしplacementオプションとそうも他のオプションを破棄し、ツールチップを作っています元のように、要素の右端ではなく上端に配置されていました。上に挙げた他のバグのいくつかがこのソリューションの他のバリエーションで見られているかも知れませんが、私はそれ以上見ていませんでした。