問題タブ [jquery-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 に答える
2374 参照

jquery - jQuery ツールのツールチップ変更イベントの問題

ページでツールチップを使用するために、jQuery ツール プラグインを使用しています。ツールチップのデフォルトの動作を変更したいので、デフォルトの代わりに次のよう"mouseover,mouseout"に使用します"dblclick,click"

次に、onDoubleClick で希望どおりにツールチップが開きますが、閉じる動作は私が定義したものではなく、まだマウスアウトです。

クリックイベントで閉じることを許可するべきではありませんか(ツールチップの代わりにモーダルを使用して、必要な動作をさせる必要があるかもしれません)、または何か間違っていますか?

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

jquery - IE6のjQueryツールチップ

私は現在、jQueryToolsTooltipと戦っています。IE8 / Firefoxで要求されているとおりに機能しますが、クライアントはIE6でも機能する必要があります。私が彼らのサイトで見たすべてのこと、そしてそれがプロジェクトの他の場所で機能するという事実から、私はそれがIE6と互換性があることを知っています。

AJAXで生成されたテーブル行のリストにツールチップを添付しているという事実に、ハングアップが発生していると思います。私はこれまでにこの2つの方法を試しましたが、どちらもIE8 / Firefoxで機能するようで、どちらもIE6では機能しません。

試行1:

試行2は上記と同じですが、.tooltip()の部分が削除され、次のコードがdocument.ready関数の外部に追加されています。

誰かが私がどこで間違っていたのか見たり、これが機能するのを妨げるIE6について何か変わったことを知っていますか?

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

jquery - Google Chrome拡張機能のコンテンツスクリプトでjQueryツールチップを使用するにはどうすればよいですか?

Chrome拡張機能の影響を受けるすべてのWebページの特定の要素のツールチップが必要です。jQuery UIはツールチップ機能を提供しますが、それらをコンテンツスクリプトに使用することはできません。

  1. マニフェスト.jsonファイルにどのような変更を加える必要がありますか?

  2. $('tag')。tooltip()を機能させる方法は?

PS:私の側からの最初の調査によると、通常のWebページでjQueryを使用することは、Chrome拡張機能でjQueryツールチップを使用することとは異なります。

前もって感謝します!

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

jquery - このjQueryツールチップの動作で何が間違っていますか?

(編集)現在の動作は、ホバー時に表示されるツールチップではありません。デフォルトのhtmlタイトルまたはjqueryツールチップ(/ edit)ではありません

ウェブページにカレンダーがあります。1日にイベントがあり、その日にカーソルを合わせると、コンマで区切られたイベント名を含むhtmlタイトル属性が表示されます。これは、1日に20のイベントがあると見苦しくなり始めるので、jQueryを使用してこの表示を変えたいと思います。ツールチップを表示するためのコードは次のとおりです(ページ上の他のjQueryスクリプト間の競合を理解していないため、jQueryに$を使用すると問題が発生し、すべて入力するとうまくいくようです):

それはうまくいかないので、そこで何が間違っているのかわかりません。ただし、ツールチップを表示した後、複数のカンマ区切りのイベントの表示方法を変更する必要があります。できれば、順序付けされていないリストに変更する必要があります。アイテムを配列に分割する場合としない場合があり、各コンマで文字列を分割するこのスニペットを以下に示します。

var titleArray = $( "。eventful")。attr( "title")。split( "、");

それがうまくいくなら、私はそれをどのように組み込んで、それをulに入れるのかわかりません。これについて助けてくれてありがとう!

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

jquery - XMLページのGoogle Chrome拡張機能のコンテンツスクリプトでjQueryツールチップを機能させる方法は?

Chrome で開かれている XML ページで機能する Google Chrome 拡張機能を作成しています。ここで、この XML ページに jQuery ツールチップが必要です。

問題は、jQuery ツールチップ プラグインを含めてコンテンツ スクリプトに対応するツールチップ関数を呼び出したときに、XML ページに表示されないことです。HTML ページでは機能しますが、XML では機能しません。

エラーが表示されます: Uncaught TypeError: Cannot read property 'childNodes' of null

コンテンツ スクリプトの XML ページでツールチップを機能させる方法を教えてください。

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

tooltip - jQuery Toolsのツールチップの信頼性は約90%ですか?(そしてそれを修正する方法は?)

jQuery Tools 1.2.5 Tooltipは非常に洗練されていて見栄えがするようですが、開発サイトに追加したところ、90%の確率で機能します。マウスをタブに合わせるとツールチップが表示されない場合もあれば、マウスがタブを離れてもツールチップがそこにある場合もあります。(FirefoxまたはChromeでも)

なぜそうなるのでしょうか?

また、IE 7では、ツールチップ(テキストだけでなくHTML)もdiv、ツールチップを含むものではなく、別のツールチップをポップアウトします。(IE 8および9では、正常に動作します)。ですから、私にとっては90%の確率で機能すると思いますが、99.9%でなければ、それだけでは十分ではありません。だから今、私はそれをデバッグするか、別のツールチップを使用することを考えています、何か提案はありますか?または、標準のjQueryプラグインツールチップが最も信頼できますか?このページには30個あります...それは多すぎます!

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

tooltip - HTML の書式設定、配置を行うことができ、信頼できる Javascript ToolTip ライブラリは何ですか?

HTML の書式設定と配置を行うことができる優れた Javascript ツールチップ ライブラリは何ですか?

jQuery ツールチップ プラグインは信頼できると言われていますが、HTML や配置 (下中央など) はできますか?

jQuery ツールのツールチップは、信頼性が約 90% しかないことを除けば、それを行うことができます: jQuery ツールのツールチップは信頼性が約 90%しかありませんか? (そしてそれを修正する方法は?)

このページにはそのうちの 30 個がリストされていますが、信頼性などの情報はありません。

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

html - P タグ内の div ベースのツールチップ

CMS (Alterian) からのコンテンツに対して、jQueryTools を使用してツールチップ機能を実装しようとしています。アイデアは、編集者がテキスト内の単語をツールチップが必要な場所にハッシュと括弧でマークすることです。つまり、「#triggerword (ツールチップ コンテンツ)」です。リクエスト時に、HTML は正規表現を使用して変更され、ツールチップの div はそれぞれの後に挿入されます。トリガーワード、次のように:

これは多くの場合うまく機能しますが、トリガー ワードは P タグ内にも表示される可能性があります。編集者がテキストを書き、これらは CMS によって HTML として保存されます。P タグの使用を制御できません。P タグ内に div を配置すると、div が挿入される前に P タグが自動的に閉じられます。もちろん、これはテキストのレイアウトを壊し、トリガーワードとツールチップ div が隣接していないため、ツールチップは機能しません。

CMS からの HTML が次のような場合:

次に、ツールチップの変換を行った後、DOM は次のように読み取ります。

...そして、レイアウトとツールチップが壊れています。

私に提案された解決策は、ツールチップのスパンと div を object-tag でラップすることです。

これは確かに機能します!Pタグにも!Firefox および Chrome 用ですが、IE 用ではありません。IE は DOM を変更し、ヒントの HTML を object-tag の altHtml プロパティに入れます。

私の (社内の) ユーザーの 90% 以上が IE を使用しているため、そのブラウザーを無視することはできません (好きなだけ)。

次に何を試すべきかについて誰か提案がありますか? あなたたちは私の最後の手段です。素敵なツールチップ div を忘れて、代わりに標準のブラウザー ツールチップ (タイトル属性) に頼らなければならなくなるのではないかと心配しています。

ありがとう!

バート

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

tooltip - jQueryのツールチップでjsonpを使用する

jsonp ajaxリクエストを可能にする優れたjQueryツールチップソリューションを知っている人はいますか?私はjsonpで動作するための手がかりを得ることができないようです。