私のjavascriptが正しく動作するのに問題があります。単一のツールチップの場合、うまく機能します。しかし、複数のヒントをロールオーバーすると、ちらつき効果が発生します。マウスオーバー、アウトイベントが「キューに入れられている」か何かのようです。
私が話していることを見ることができるフィドルを作成しました
http://jsfiddle.net/eco_bach/dpFBQ/2/
他の最適化の提案をいただければ幸いです。
私のjavascriptが正しく動作するのに問題があります。単一のツールチップの場合、うまく機能します。しかし、複数のヒントをロールオーバーすると、ちらつき効果が発生します。マウスオーバー、アウトイベントが「キューに入れられている」か何かのようです。
私が話していることを見ることができるフィドルを作成しました
http://jsfiddle.net/eco_bach/dpFBQ/2/
他の最適化の提案をいただければ幸いです。
またはメソッド.stop(true, true)
の前に追加するだけで、現在のアニメーションを終了できます。これにより、ここに見られるようにちらつきが止まりますfadeIn()
fadeOut()
要素にマウスを合わせるたびに、コードがツール ヒントを作成してアニメーション化するため、ちらつきが予想されます。一度開いて、他の人をホバリングしたときにその場所とコンテンツを更新したいのではないかと思います。
その場合、ツールチップが既に開いているかどうかを追跡する必要があります。コンテンツと場所を更新し、アニメーション化をスキップする場合です。そうでない場合は、アニメーションを実行します。