マウスが上に来たときにツールチップを開いたままにする

Question

jqueryを使用して簡単なツールチップを作成したい。ユーザーが何らかのリンクをたどると、ダイナミックコンテンツを含む小さなボックスが横に表示されます。私がそれを理解できない唯一のことは、マウスがツールチップ自体の上にあるときにツールチップを開いたままにする方法ですか？マウスがリンクから外れている場合、マウスがツールチップ自体の上にある場合を除いて、ツールチップ自体の上にマウスがある場合を除いて、ツールチップが自動的に閉じられる必要があります。

Can誰でもjqueryを使ってこれをどうやって行うことができるのかを教えてください。

Answer 1

これを機能させたい場合は、専用のプラグインの1つを使用してください。 qtip。

あなたが何らかの理由で自分でやりたい、またはしなければならない場合は、ここで私がやったのです。
マウスがリンクを離れるとただちにツールチップを閉じるのではなく、setTimoutハンドラを閉じます。たとえば、0.5秒でツールチップやリンクに戻ると、ハンドラがキャンセルされます。これを実行するには、ツールチップに関連付けられたjqueryデータオブジェクトとしてタイムアウトID（setTimeoutによって確保されたもの）を保存することができます。

Answer 2

リンクとツールチップの間にスペースがない場合は、ツールチップをリンクの子ノードにして、リンク上でmouseenterイベントとmouseleaveイベントを使用するだけです。 jQuery Tooltip Plugin

Answer 3

は、このいずれかを試してみてください。そのはるかに良いが、今のようにjQuery UIのツールチップを使用します。
URL：http://jqueryui.com/tooltip/

---

のではなく、独自のツールチップ利用できるjQueryのツールチッププラグインのいずれかを使用を書きます。

simpletipは以前使用していたものです。

$("jquery selector").simpletip({ 
    fixed: true 
}); 

Answer 4

更新：