人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JQueryで質問です。
自前でポップアップが表示されるプログラムを作成しているのですが
mouseoverで表示は出来るのですが、mouseoutで問題が発生しました。
ポップアップ内にリンクがあるのですが、その上にカーソルが移動する
ポップアップが閉じてしまいます。
ポップアップからカーソルが離れたら、閉じるようにしたいのです。
何か方法はありますでしょうか?

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:jQuery カーソル プログラム ポップアップ リンク
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Lhankor_Mhy
●100ポイント

hoverメソッドを使うと楽かもしれません。

要素内にある他の要素上にマウスカーソルが入った場合にも、マウスは”out”にならず、”over”のままです。例えばAというdiv内にBというimgがある場合、B上にカーソルが入ってもAのoutは発生しません。これはdivのmouseoutイベントを用いた場合とは違う動作になるので注意してください。

hover(over, out) - jQuery 日本語リファレンス

簡単なサンプルを作りました。参考になれば幸いです。

http://jsfiddle.net/4NjXN/

◎質問者からの返答

すみません。ウィンドウ位置が固定の場合は最高のサンプルなのですが

マウスカーソルの位置に合わせて動かす場合は

うまくいきませんでした。


2 ● Lhankor_Mhy
●100ポイント ベストアンサー

すみません、ちょっとどのような動作がご希望なのか分からなくなってきたのですが、このようなことでしょうか。

サンプルを修正しました。

http://jsfiddle.net/4NjXN/1/

◎質問者からの返答

ほぼ、おっしゃるとおりで問題かと思います。

ただ、ポップアップ中に別の位置で、触るとポップアップがぴくぴく動いてしますため

その点は、開いてる時は、再度開かない処理で対応しました。

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ