ホームページ  >  記事  >  ウェブフロントエンド  >  IEでjQueryのホバーイベントが点滅し続ける問題の解決策を共有する

IEでjQueryのホバーイベントが点滅し続ける問題の解決策を共有する

黄舟
黄舟オリジナル
2017-06-26 11:21:341367ブラウズ

jQueryのホバーイベントを使用するとき、マウスのスライドが速すぎるため、メニューが頻繁に点滅し続け、自分で作成した垂直のドロップダウンメニューに遭遇したことがあると思います。とてもうるさい。私も今日、Web サイトのメニューを設計していたときにこの状況に遭遇しました。その結果、Baidu で長い間検索しましたが、解決策が見つかりませんでした。ここで愚痴を言いましょう。Baidu はあまりにもひどいし、含まれているコンテンツにはほとんど価値がありません。最後に、IE で jQuery のホバーが止まらない問題を解決する方法を紹介します。

$("#category ul").find("li").each( function() { 
$(this).mouseover( function() {
$(this).children("ul").show(); 
} ); 
$(this).mouseout( function() {
$(this).children("ul").hide();
 } ); 
} );

マウスがドロップダウン メニュー内で移動するとメニューが点滅し続け、マウスオーバー イベントとマウスアウト イベントが継続的にトリガーされていることを示します。

実際、解決策は非常に簡単です。mouseoverをmouseenterに、mouseoutをmouseleaveに変更します。 Mouseenter および MouseLeave イベントは jQuery ライブラリに実装されており、ブラウザーのネイティブ イベントではありません。しかし、最も重要なことは、メニューが常に点滅する問題を解決することです。


りー

以上がIEでjQueryのホバーイベントが点滅し続ける問題の解決策を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。