[解決済み] Bootstrapのツールチップは、ボタンをクリックした後やマウスを離した後も消えません。
2022-06-05 14:54:21
質問
bootstrapのツールチップに問題があります:ボタンをクリックすると、カーソルがボタンの外にある場合でもツールチップが残ります。私はマニュアルを調べました - 。 ブートストラップのツールチップ を見ましたが、ボタンをクリックしても、同じ問題が発生します。これを修正するための解決策はありますか?ちょうど最新のFF、IEで試してみました。
どのように解決するのですか?
これは
trigger
が設定されていないためです。トリガーのデフォルト値は
'hover focus'
であるため、ボタンがクリックされた後、他のボタンがクリックされるまで、ツールチップは表示されたままになります。
focused
.
ですから、あなたがしなければならないのは
trigger
として
'hover'
のみです。以下は、ボタンがクリックされた後にツールチップを永続化せずに、あなたがリンクしたのと同じ例です。
$('[data-toggle="tooltip"]').tooltip({
trigger : 'hover'
})
docのサンプルは、フィドルで -> http://jsfiddle.net/vdzvvg6o/
関連
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueディレクティブv-bindの使用と注意点
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み] setTimeout(fn, 0)が役に立つことがあるのはなぜですか?
-
[解決済み] クライアントサイドとサーバーサイドのプログラミングの違いは何ですか?
-
[解決済み] フォームを送信しないためのHTMLボタン
-
[解決済み】ボタンクリックによるフォームの自動投稿を無効にする
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
JavaScriptの配列共通メソッド解説
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
JavaScriptのStringに関する共通メソッド