表示するdivメニューがあり、divをマウスから離すと、それ自体が非表示になります。問題は、メニュー div に href リンクがあり、マウスがリンクの上にあるときに mouseleave がトリガーされることです。それは私が明らかに望んでいる効果ではありません。マウスアウトとホバーを試しましたが、同じ効果があります。
どんな洞察も素晴らしいでしょう。ありがとう。
表示するdivメニューがあり、divをマウスから離すと、それ自体が非表示になります。問題は、メニュー div に href リンクがあり、マウスがリンクの上にあるときに mouseleave がトリガーされることです。それは私が明らかに望んでいる効果ではありません。マウスアウトとホバーを試しましたが、同じ効果があります。
どんな洞察も素晴らしいでしょう。ありがとう。
これは、mouseenter と mouseleave ではなく、mouseout と mouseover の問題のように思えます。前者の組み合わせでは、予期しないイベントが発生する可能性があり、値を直接設定するのではなく「トグル」を使用している場合、マウスリーブを受け取ったように見えることがあります。
一番下の例は、視覚的に見ることが助けになる場合、2 つのシナリオをかなりうまく説明しています。jsfiddle を使用したり、コードを提供したりすることは、この種の問題の解決にも大いに役立ちます。
これを自由に使用して、問題を実証してください。
楽しみを台無しにする z-index を持つ他の要素がないことを確認してください