[解決済み】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');
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQuery動的セレクタ
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】jQueryのセレクタにワイルドカードを使用した場合
-
[解決済み] Jquery.comのサイトのソースファイルはどこにあるのでしょうか?ダウンロードのリンクがないのですが
-
[解決済み] 繰延べと約束
-
[解決済み] jQuery.whenの理解
-
[解決済み] jqueryでドロップダウンボックスを有効化/無効化する
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jQueryで小文字と大文字を使い分ける
-
[解決済み] jQuery .validate() submitHandler が起動しない
-
[解決済み] jquery autocomplete が動作しない
-
[解決済み] フォーム送信のjQueryが動作しない