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

Question

Twitter Bootstrapパッケージのツールチップを使用して、ページにアイテム情報を表示しています。情報が変更されることがあり、ツールチップで更新する必要があります。新しいタイトルでツールチップを再初期化しようとしました：

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

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

Answer 1

1 つの要素で初期化すると、tooltip オブジェクトをオーバーライドすることはできません。ただし、削除してやり直すことはできます。

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

$('#selector').data('bs.tooltip',false)          // Delete the tooltip
              .tooltip({ title: 'new text'});

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

---

TWBS v3 より前は、bs名前空間を指定する必要はありません:data('tooltip')

Answer 2

この手法はうまくいかなかったので、同様の質問のコメントの1つに隠された答えを見つけました。

ツールチップの表示テキストを更新する最もクリーンな方法

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

lukmdoさんありがとうございます

Answer 3

何らかの理由で、これはうまくいきませんでした (bootstrap 2.1.1)。私がしなければならなかったのは：

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

Answer 4

@Sherbrow最も単純なものを使用できます。この複雑なソリューションに行く必要はありません。これがサンプルコードです。

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

Answer 5

これは、このスレッドで提供されている他のすべてのソリューションよりも、ブートストラップ 3 で機能します。

$('#tooltip_selector').attr('data-original-title', 'New Title Here');