1. ホーム
  2. javascript

[解決済み] 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/