jQueryでツールチップを作るときの注意点
【マウスを小刻みに動かした時のアニメーションの制御】
Queue(アニメーションの次のキュー)が溜まっているといつまでもチカチカする
fadeIn/fadeOutをしているときに単純にstop()を書くと透明度を変更している途中で止まるのでNG
■→.stop(true,true)を書く
.stop(キューにあるアニメーションを削除するか,キューにあるアニメーションを実行した最終の状態にするか)
http://stacktrace.jp/jquery/api/effects/stop.html
【ツールチップが元のボタンに重なる時】
ツールチップが元のボタンの子要素にならないように注意
ツールチップ表示部分のhtmlが元のボタンの子要素→zindexがおかしくなる
(親がz-index1で子がz-index100の場合、リストとかで親が並ぶと親のz-indexのせいで、次の要素が上にかさなって表示される)
■ツールチップ表示部分のhtmlが元のボタンと並列→zindexダイジョウブイ
並列の階層のため、互いに影響しなくてすむ
コメントを残す