問題タブ [tipsy]

円に付けられたd3線グラフとほろ酔いツールチップを描いています。

ツールチップはChrome/Safariでは正常に機能しますが、FirefoxとIEでは、ポイントにカーソルを合わせると、それぞれのツールチップが表示されますが、画面の左上隅にあるgraph / SVG要素（html要素）の外側に表示されます。ポイントの隣の。

これが私がツールチップを添付する方法です：

私が間違っていることについてのアドバイスをいただければ幸いです。

私のワードプレス サイトに Tipsy Tooltip (http://onehackoranother.com/projects/jquery/tipsy/) スクリプトをインストールしました。

これは私がこれまでに持っているコードです。

前もって感謝します！:)

コードは次のとおりです。

問題はこれです。これがアニメーション前の写真です

とアニメーションの後

これは、マウスを少なくとも1px動かすか、クリックするまで、このままです。ツールチップには、ほろ酔いを使用しています。それが助けになるなら、私は自分で作ることができます。

d3 フォース有向グラフでほろ酔いを使用すると、問題が発生します。ほろ酔い重力を西に設定すると、円の左上隅からほろ酔いが始まります。円の右側から開始するにはどうすればよいですか?

d3 で使用するコードのサンプルを次に示します。

編集この質問で: https://stackoverflow.com/a/10806220/1041692彼らは次のように言います:

実際の円でオーバーレイする svg:g にツールチップを追加してみることができますが、幅と高さはゼロです。現在、境界ボックスを取り、ツールチップを端に配置しています。ほろ酔いのオプションで遊ぶことも役立つかもしれません。

しかし、私が間違っているか、うまくいかないかのどちらかで、問題は解決しませんでした。

EDIT 2この問題はブラウザにも依存します。クロムでは、ほろ酔い要素が円の左上隅に取り付けられていますが、円の右側の中央に取り付けたいと思います。Firefox では、ほろ酔いが Web ページ全体の左上に表示されます。

ラジオボタンにカーソルを合わせるとツールチップが表示されます。だから私はこのプラグインを使用しようとしています:ほろ酔い。だからここに私のhtmlがあります：

そして、私はこのようなことを試しました：

しかし、ラジオボタンにカーソルを合わせても何も表示されませんでした。何も表示されないのはなぜですか? また、どうすれば機能するのですか?

だから私はこのhtmlコードを持っています:

だからここに私の試みたcssがあります：

しかし、それは選択を強調するだけです。しかし、ツールチップ ボックス自体をカスタマイズしたいと考えています。それ、どうやったら出来るの？

WordPress でほろ酔いを使用しています。画像をすべて設定しましたが、プラグインを使用しようとすると、画像がテキストに戻ります。なんで？

次のjQueryの抜粋があります：

div上記の関数でタグ内のテキストを選択するたびにid=base、マウスボタンを離すとトリガーされます。getSelectionCharOffsetsWithin(element)選択を解析するメソッドです (以降の手順で必要です)。

私が今やりたいことは、選択範囲で何ができるかについてのオプションを示すツールチップをポップアップすることです。(iOS に詳しい方のために説明すると、Web ブラウザーでテキストを選択するときの機能に似ています。)

問題は、jQuery が操作を実行するための DOM 要素を必要とすることです。たとえば、tippyを使用する場合:

divツールチップは、 を持つタグで接続されていid=fooます。

関数をトリガーするときmouseup、選択したテキストにそのような要素がないため、選択をツールチップに接続できません。

DOM要素に接続せずにjQuery関数を直接呼び出す可能性はありますか(たとえば、ツールチップをマウス位置に接続します)? そうでない場合、イベントで作成および接続されているが、HTML コードに永続的に保存されていない一時的な DOM 要素を使用して回避策を実行することは可能でしょうか?

これを示すフィドルは次のとおりです。 http://jsfiddle.net/noplacetoh1de/bYNmb/

アドバイスをありがとう！

必要に応じて、既存のほろ酔いタイトルを更新したいのですが、うまくいきません。

状況

HTML:

JS:

jsFiddle でこれを試すことができます: http://jsfiddle.net/TvFmG/3/

問題

次の問題があります。

• 経由でタイトルを設定してtipsy({title: 'string'})もまったく機能しないようです。
• ほろ酔いのドキュメントは、属性を設定することでタイトルの値を更新できることを示唆していますがoriginal-title(セクション「動的にテキストを更新する」を参照)、私の場合はうまくいかないようです (jsfiddle を参照)。

ほろ酔いドキュメントは明らかに間違っていますか、それはバージョンの非互換性ですか、それともこの例が機能しない他の問題ですか?

ほろ酔いの開閉後にコールバック関数を設定しようとしています。

ほろ酔いが開いた後に addText() を実行したいのですが、そうではありません。

ほろ酔いコアコードを変更せずにそれを行う簡単な方法はありますか?

これが私のjsfiddleです：http://jsfiddle.net/Tqcgr/1/