すたらSample

【jQuery】マウスオーバーでポップアップを表示する際の注意(IE対策)

2010/08/23

このページをIEで開いて下記のサンプルを試してみてください。

例1:appendで位置合わせする方法

IEでは、ポップアップをクリックしても何の反応もありません。

マウスオーバーしてください

マウスオーバーしてください

例2:x座標、y座標を指定

ポップアップを自由の身のまま対象ボックスの下に移動します。

マウスオーバーしてください

マウスオーバーしてください

例3:チェック用グローバル変数を指定

チェック用変数を使って、すでにappendされている場合は重ねてappendさせません。

マウスオーバーしてください

マウスオーバーしてください

例4:ポップアップのmouseover時ににstopPropagationを設定

親ボックスでappendが行われないようにします。

マウスオーバーしてください

マウスオーバーしてください