環境
HTML5
CSS3
jQuery - 3.4.1
前提・実現したいこと
jQueryを使って、親要素にカーソルをホバーすると中に子要素が表示されて、親要素からカーソルを外すと子要素が消える、という仕組みを作っていますが、問題が発生しています。
発生している問題・エラーメッセージ
jQueryで、onメソッドのmouseenterを使って親要素の中に子要素を表示させた時、その子要素からカーソルを出すとmouseleaveが反応しません。
該当のソースコード
codepenにコードを載せてあります。
赤の要素にカーソルを載せると、赤の領域内に左上に青の要素が表示されます。
そして赤の要素からカーソルを出すと青の要素は消えるのですが、青の要素からカーソルを出したときは、mouseleaveが反応せず青の要素は消えません。
調べてみたのですが、こちらでは解決できるページは見つからず、質問させていただく形となりました。どなたかご教示いただけないでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/27 00:47