問題タブ [twitter-bootstrap-tooltip]

フォーカス時にブートストラップ ツールチップを表示する入力フィールドを取得しました。

そのフィールドの残りの文字数が近くに表示されます<h6>。このカウンターは、 jquery keyupイベントで更新されます。

問題は、ツールチップがアクティブなときに、jquery イベント キーアップが起動せず、カウンターが更新されないことです。

ここで問題を確認できます: codepen。

入力フィールドの上にマウスを置いて、またはマウスを置かずに、入力に何かを書き込んでみてください。

...これを修正する方法はありますか?

このツールチップ コードをページ上で初期化しようとしましたが、jQuery を正しく接続できません。

Ubuntu で PHP を実行しており、Silverstripe を使用しています。次のスクリプトをどこに、どのファイルに追加しても機能しません。別のファイルから呼び出してみましたが、初期化もされませんでした。

このコードを PHP または SS ファイルに追加するにはどうすればよいですか? (シルバーストライプ CMS ファイル)

小枝テンプレート内で Bootstrap ツールチップをより簡単かつきれいに表示しようとしています。私はこのようなことを達成したい:<i class="icon" {{'this is great tooltip'|tooltip}}></i> 小枝フィルターを作成しました:

私が望むように文字列を返します。ただし、html コードでは次のようになります。

ご覧のとおり、追加しまし['is_safe'=>['html']]たが、何も変更されていません。
スペースをハードスペースに変更しようとしましたが、効果がありませんでした。
さらに悪いことに、ツールチップは次のように表示されます:すべてのスペースと引用符またはアポストロフィを無視します。次のよう になります。修正方法を教えてください。:)

私は、どこにでもあるウェブサイトやフォーラムで人々から寄せられた多くの提案を試しました。（ツールチップをアクティブにしています）しかし、まだ成功していません。このコーディングを自分のレイアウト ファイルに追加しました。ビュー/レイアウト

NavBar ウィジェットのコーディング

CSS

最終的には、このように出力したいだけです

コーディングにいくつかの変更を加えた後、この出力が表示されます。

マウス カーソルでブートストラップ ツールチップが必要です。angularjsでそれを行うことは可能ですか? そうでない場合、これに代わるものは何でしょうか。

ajax を使用してコンテンツ (HTML) を Web サイトにロードしています。これには、特に次のスニペットが含まれます。

ここで説明したように: bootstrap 3 > tooltip、初期化する必要があります。ajaxの成功後にどのように初期化できますか? 編集：完全な実例。ここでは、「ajax 呼び出し」をシミュレートします。問題は持続時間です。タイムアウトを削除すると、次のように機能します。

ここでは絶対に初心者です。私の目的は、bootstrap-glyphicon をクリックしたときに表示される bootstrap-tooltip を取得することです。ただし、代わりにホバー時に表示されます。ここで jsfiddle を共有する - https://jsfiddle.net/govind91/Lzzgxcro/

これはhtmlです

Javascript

どこが間違っているのか教えてください。