私のツールチップがちらつくのを止める

Question

JavaScriptが正しく動作するのに問題があります。単一のツールチップのために、それは素晴らしい作品です。しかし、複数のヒントをロールオーバーすると、ちらつきの効果が得られます。マウスオーバー、イベントが「キューに入れられている」などのようです。

私はあなたが私が感謝について
http://jsfiddle.net/eco_bach/dpFBQ/2/

その他の最適化の提案を話しているかを見ることができますフィドルを作成しました！

Answer 1

あなたはただの現在のアニメーションを終了するfadeIn()または​​メソッドの前に.stop(true, true)を追加する必要があります。これは表示されているようにちらつきを停止しますhere

Answer 2

要素の上にマウスを置くたびに、ツールチップが作成され、アニメートされるので、ちらつきが予想されます。私はあなたが一度それを開いて、その場所やコンテンツを更新するだけで、他のものを動かそうと思うと思う。

その場合、コンテンツと場所を更新してアニメーションをスキップする場合、ツールチップが既に開いているかどうかを追跡する必要があります。そうでない場合は、アニメーションを行います。