問題タブ [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.
dynamic - 動的に生成された要素に対して複数のブートストラップ ツールチップを作成する方法
2 つのセレクターと独自のタイトルがあります。私の要素はjqueryによって動的に生成されています.私はこのコードを書きました:
それぞれ単独では正常に動作しますが、一緒には動作しません。そして、タイトルをjsで書く必要があります(HTMLタグのdata-original-title属性ではありません)
jquery - すべての HTML の上にツールチップを表示する
すべての html の上にツールチップ (TW3 から) を表示するにはどうすればよいですか?
ダイアログ(モーダルではない)があり、テキストボックスにカーソルを合わせたときにテキストボックスの下部に表示するツールチップを作成しようとしています。しかし、その位置が であるため、ダイアログによって部分的にブロックされていabsolute
ます。
実行tooltip { position: absolute; }
(または(.tooltip
ツールチップの前のドットに注意)のような他のクラス)も機能しませんでした。そして、これまで誰もこの質問をしたことがないようです。
ドキュメントには、すべての html の上にツールチップを表示することについても何も書かれていません。
では、絶対に配置されている場合のようにツールチップを表示するにはどうすればよいですか?
javascript - Jquery が Bootstrap ツールチップを適切にトリガーしない
ページに複数の入力フィールドがあり、Jquery イベントをトリガーしようとしています。各ボックスには独自の Bootstrap ツールチップがあり、カーソルが関連するボックスにあるときにツールチップが表示されるようにします。ただし、現在のコードでは、ツールチップを表示するには、ボックスをクリックしてから元に戻す必要があります。
これが私のJqueryです...
twitter-bootstrap-3 - ブートストラップ ツールチップのインライン スタイルを削除する
ブートストラップ 3 のツールチップのスタイルを設定しようとしていますが、何らかの理由でtop
マークアップにインライン スタイルが挿入されています。以下を参照してください。
このマークアップを挿入する理由と、それを防ぐにはどうすればよいですか?
javascript - Bootstrap 3 ツールチップ - MouseOut でフリックする... iFrame 内にある場合に発生する
Bootstrap 3 を使用しており、期待どおりに動作している " Tooltip " onMouseOver を表示しています。しかし、カーソルを移動するたびに、画面がちらつきます。
HTML:
スクリプトの初期化:
以下のオプションも試しました:
また、head 要素内、body タグ内、 body タグ外の script タグを変更しても、目的の結果が得られませんでした。
jquery - Knockout.Js を使用したチェックボックス リスト項目のツールチップ
KO.JS を使用して、チェックボックス リストの各項目にツールチップを追加したいと考えています。私はオンラインでいくつかの例を見て、ここにあるサンプルの助けを借りて実装しました:
http://jsfiddle.net/pardahlman/6J7wE/12/
以下のようにハンドラーを作成しました。
HTML のコード:
しかし、ツールチップは表示されません。どこが間違っているのかわかりません。ブートストラップ ツールチップを実装してみました。ここでサンプルコードを取得しました:
http://jsfiddle.net/shail/vSTLU/2/
以下はhtmlコードです:
以下は、JS ファイルのコードです。
残念ながら、上記の実装はどれも機能しませんでした。どこが間違っているのか教えてください。これを行うための他のより良い方法があれば、提案してください。
前もって感謝します !
jquery - Bootstrap .tooltip() 'hide' イベントが stopPropagation() に関係なくバブルアップする
当社の顧客のアプリケーションは Bootstrap 2.3.2 で実行されており、いくつかの古いプラグインとの互換性のために、まだ jQuery 1.8.3 です。
このアプリケーションは、フォルダーとグリッド ビューを備えたメディア ファイル オーガナイザーです。各フォルダー内で開くことができるファイルマネージャーモーダルがあります。モーダルには、フォルダ内のすべてのファイルのリストと、各ファイルのコントロール (移動、名前変更など) が表示されます。コントロールはアイコンで表されるため、わかりやすくするために、ユーザーがアイコンにカーソルを合わせたときに Bootstrap ツールチップも追加したいと考えました。
モーダルには、次の jQuery コードが関連付けられています。現在のフォルダー内のファイルへの変更を表示するために、モーダルを閉じた後 (後) にページをリロードします。
次のコードを使用して、モーダルのコントロール アイコンにツールチップを追加しました...
...またはこのコード(どちらも機能しません):
ツールチップは適切に表示されますが、アイコンの 1 つからカーソルを離すと (明らかにツールチップの「非表示」イベントがトリガーされます)、モーダルの「非表示」イベントもトリガーされ、ページがリロードされます!
ここで干渉しているコードが他にある可能性があるかどうかはまだ調査中ですが、SO の職人の誰かが私が見逃しているものを見つけられるかどうかを確認するために、これをここに掲載したかったのです。