問題タブ [jquery-ui-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 投票する
2 に答える
13597 参照

jquery-ui - jQuery UI ツールチップの CSS スタイルを指定する

ajax ベースの Web サイトで jquery ui 1.9 を使用しています。

次のコードがあります。

動的コンテンツの場合でも、jquery ui ツールチップを使用すると機能します。

しかし、このメッセージ タイプごとに異なるツールチップ スタイルが必要です。たとえば、警告は赤色、情報は青色で、動的コンテンツでも機能するはずです。

何か案は?

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

jquery-ui-tooltip - jQuery UI ツールチップ - インライン コンテンツの表示

jQuery UI ツールチップ ウィジェット内に非表示のインライン コンテンツを表示するのに問題があります。これが私がこれまでに持っているものです:

問題のテーブルは、デフォルトで表示しないように設定されています。上記のコードでは、ツールヒントに表が表示されますが、ツールヒントをアクティブにするリンクからマウスを離して戻ると、インライン コンテンツのない空のツールヒントが表示されます。ツールチップからマウスを離したときに destroy() メソッドを呼び出したいと思いますが、それをどこに置くべきか正確にはわかりません。

0 投票する
2 に答える
1082 参照

jquery - jQuery UI ツールチップ ウィジェットが不要なマークアップを残す

この方法でjQuery UIのツールチップウィジェットを呼び出すとhttp://jsfiddle.net/xvMBU/5/、ホバー時にツールチップが非表示になっているときに、すべてのhtmlがページから削除されるわけではありません-これは取り残されます:

Chrome と FF v18.0.1 でこれを試します。言い忘れましたが、これは速くやると起こります。

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

jquery - jQuery UI ツールチップのバグ

ツールチップ用に jQuery UI ツールを使用していますが、(お見せするために) 複製したり、取り除くことができない奇妙なバグを見つけました。通常、このツールはタグのtitle="whatever"一部を使用して、洗練された css バージョンのホバー タグを提供します。これは機能していますが、私のページのタイトルも取得して<head><title>My Page</title></head>左下隅に表示しています。また、同じツールチップ番号になることもありません。それ以外の場合は、そのインスタンスを無視できます。例#ui-tooltip-0。ツールチップがタイトル タグを収集しないようにする必要があります。何か案は?前もって感謝します。

0 投票する
2 に答える
563 参照

javascript - jquery ui ツールチップのアコーディオンのバグ

私はユニークな問題かもしれないことに遭遇しました。私はそれを理解しようとしましたが、何が原因である可能性があるかについての証拠を見つけることができません. Web アプリで Jquery UI ツールチップを使用しています。手動で配置する必要があります。そこで、1px x 1px の div を必要な場所に配置し、ツールチップのコンテンツをカスタム HTML でロードしてから、ツールチップを開きます。1つのケースを除いて、完全に機能します。

左側のメニューとして jquery ui アコーディオンもあります。アコーディオンの最初のパネルが開いている場合、ツールチップは正常に機能します。彼らは私が望むところに正確に現れます。他のアコーディオン パネルが開いている場合、ツールチップは常に画面の左上隅に表示されます。ツールチップ div の css プロパティに正しい位置が設定されていますが、そこには表示されません。

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

jquery-ui - JQueryUIで一度に多くのツールチップを開く

私は次のようなことをする必要があります:

マウスオーバーでツールチップを表示するだけでなく、すべてを表示するチェックボックスを表示したいので、これを行う必要があります。

これも可能ですか?

あなたは私がjsFiddleで欲しいものをチェックすることができます:http://jsfiddle.net/3e5QP/

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

jquery - 要素にカーソルを合わせながら jQuery を使用して title 属性を変更する

jQueryUI を使用してツール ヒントのテキストとして使用する title 属性を持つ div ボタンがあります。ボタンをクリックして、ボタンのツールチップを変更したいと思います。ただし、ボタンがクリックされてコールバック関数が起動されると、マウスは div の上にあり、タイトルは null です。

この動作を修正するにはどうすればよいですか? jQueryUI Tooltip ウィジェットは、ホバー時にタイトルを削除し、マウスアウトに戻すようです。

ライブ: http://jsfiddle.net/lordloh/ckTjA/

jQueryUI Tooltip ウィジェットが配置されていなくても、問題なく動作するようです: http://jsfiddle.net/lordloh/ckTjA/1/

さらに、ツールチップ ウィジェットを に適用しました$(document)。ツールチップが明示的に$(this).tooltip("option","content")適用されていないため、使用できません。$(this)これにより、コンソールで Javascript エラーが発生します。

2013-02-18: 現在、$(document).tooltip("destroy");タイトル属性を変更して を実行しています$(document).tooltip();。エレガントな解決策ではありません:-(ハックではないものを探しています。

0 投票する
2 に答える
3980 参照

jquery-ui - jQueryツールチップはタイトル属性のテキストをエンコードします

jQuery UI を最新バージョン (1.9.x から) に更新しましたが、解決できないことがあります。たとえば、タイトル属性に HTML を保存することがあります。

アップグレード前はツールチップ テキストがエンコードされていなかったため、開始日と終了日が 2 行に分かれていました。しかし今、テキストはエンコードされており、
. それを解決する方法はありますか?

0 投票する
2 に答える
504 参照

javascript - jqueryui ツールチップ グローバル バインド

ページに動的な要素があり、動的な要素が表示されたり、非表示になったりします。要素が dom に追加されるたびに tooltip() をバインドする代わりに、(ドキュメントを介して) グローバル ハンドラーを設定したいと思います。動作しない複数の「アイテム」のグローバルハンドラーが必要であり、その良い例を見つけることができなかったことを除いて、動作します。これは私が試したものです: