問題タブ [twitter-bootstrap-tooltip]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
787 参照

dynamic - 動的に生成された要素に対して複数のブートストラップ ツールチップを作成する方法

2 つのセレクターと独自のタイトルがあります。私の要素はjqueryによって動的に生成されています.私はこのコードを書きました:

それぞれ単独では正常に動作しますが、一緒には動作しません。そして、タイトルをjsで書く必要があります(HTMLタグのdata-original-title属性ではありません)

0 投票する
1 に答える
1006 参照

jquery - すべての HTML の上にツールチップを表示する

すべての html の上にツールチップ (TW3 から) を表示するにはどうすればよいですか?

ダイアログ(モーダルではない)があり、テキストボックスにカーソルを合わせたときにテキストボックスの下部に表示するツールチップを作成しようとしています。しかし、その位置が であるため、ダイアログによって部分的にブロックされていabsoluteます。

実行tooltip { position: absolute; }(または(.tooltipツールチップの前のドットに注意)のような他のクラス)も機能しませんでした。そして、これまで誰もこの質問をしたことがないようです。

ドキュメントには、すべての html の上にツールチップを表示することについても何も書かれていません。

では、絶対に配置されている場合のようにツールチップを表示するにはどうすればよいですか?

0 投票する
0 に答える
56 参照

javascript - Jquery が Bootstrap ツールチップを適切にトリガーしない

ページに複数の入力フィールドがあり、Jquery イベントをトリガーしようとしています。各ボックスには独自の Bootstrap ツールチップがあり、カーソルが関連するボックスにあるときにツールチップが表示されるようにします。ただし、現在のコードでは、ツールチップを表示するには、ボックスをクリックしてから元に戻す必要があります。

これが私のJqueryです...

0 投票する
0 に答える
579 参照

twitter-bootstrap-3 - ブートストラップ ツールチップのインライン スタイルを削除する

ブートストラップ 3 のツールチップのスタイルを設定しようとしていますが、何らかの理由でtopマークアップにインライン スタイルが挿入されています。以下を参照してください。

このマークアップを挿入する理由と、それを防ぐにはどうすればよいですか?

0 投票する
3 に答える
272 参照

javascript - Bootstrap 3 ツールチップ - MouseOut でフリックする... iFrame 内にある場合に発生する

Bootstrap 3 を使用しており、期待どおりに動作している " Tooltip " onMouseOver を表示しています。しかし、カーソルを移動するたびに、画面がちらつきます。

HTML:

スクリプトの初期化:

以下のオプションも試しました:

また、head 要素内、body タグ内、 body タグ外の script タグを変更しても、目的の結果が得られませんでした。

0 投票する
0 に答える
453 参照

jquery - Knockout.Js を使用したチェックボックス リスト項目のツールチップ

KO.JS を使用して、チェックボックス リストの各項目にツールチップを追加したいと考えています。私はオンラインでいくつかの例を見て、ここにあるサンプルの助けを借りて実装しました:

http://jsfiddle.net/pardahlman/6J7wE/12/

以下のようにハンドラーを作成しました。

HTML のコード:

しかし、ツールチップは表示されません。どこが間違っているのかわかりません。ブートストラップ ツールチップを実装してみました。ここでサンプルコードを取得しました:

http://jsfiddle.net/shail/vSTLU/2/

以下はhtmlコードです:

以下は、JS ファイルのコードです。

残念ながら、上記の実装はどれも機能しませんでした。どこが間違っているのか教えてください。これを行うための他のより良い方法があれば、提案してください。

前もって感謝します !

0 投票する
0 に答える
783 参照

jquery - Bootstrap .tooltip() 'hide' イベントが stopPropagation() に関係なくバブルアップする

当社の顧客のアプリケーションは Bootstrap 2.3.2 で実行されており、いくつかの古いプラグインとの互換性のために、まだ jQuery 1.8.3 です。

このアプリケーションは、フォルダーとグリッド ビューを備えたメディア ファイル オーガナイザーです。各フォルダー内で開くことができるファイルマネージャーモーダルがあります。モーダルには、フォルダ内のすべてのファイルのリストと、各ファイルのコントロール (移動、名前変更など) が表示されます。コントロールはアイコンで表されるため、わかりやすくするために、ユーザーがアイコンにカーソルを合わせたときに Bootstrap ツールチップも追加したいと考えました。

モーダルには、次の jQuery コードが関連付けられています。現在のフォルダー内のファイルへの変更を表示するために、モーダルを閉じた後 (後) にページをリロードします。

次のコードを使用して、モーダルのコントロール アイコンにツールチップを追加しました...

...またはこのコード(どちらも機能しません):

ツールチップは適切に表示されますが、アイコンの 1 つからカーソルを離すと (明らかにツールチップの「非表示」イベントがトリガーされます)、モーダルの「非表示」イベントもトリガーされ、ページがリロードされます!

ここで干渉しているコードが他にある可能性があるかどうかはまだ調査中ですが、SO の職人の誰かが私が見逃しているものを見つけられるかどうかを確認するために、これをここに掲載したかったのです。