1. ホーム
  2. jquery

[解決済み】Twitter Bootstrapのクリック時のツールチップの内容を変更する

2022-04-01 18:51:17

質問

アンカー要素にツールチップを表示し、クリック時にAJAXリクエストを送信しています。この要素には、ツールチップがあります(Twitter Bootstrapから)。私は、AJAXリクエストが正常に返されたときにツールチップのコンテンツを変更したい。開始後にツールチップを操作するにはどうすればよいですか?

どのように解決するのですか?

今日、ソースコードを読んでいて見つけました。そこで $.tooltip(string) の中の任意の関数を呼び出します。 Tooltip クラスがあります。そして、もしあなたが Tooltip.fixTitle を取得します。 data-original-title 属性を設定し、title の値をそれに置き換えます。

だから、単純にそうするだけです。

$(element).tooltip('hide')
          .attr('data-original-title', newValue)
          .tooltip('fixTitle')
          .tooltip('show');

を実行すると、案の定、ツールチップ内の値であるタイトルが更新されます。

もっと短い方法

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