完美解決jQuery的hover事件在IE中不停閃動的問題
更新時間：2017年02月10日 10:19:03 投稿：jingxian
下面小編就為大家?guī)硪黄昝澜鉀QjQuery的hover事件在IE中不停閃動的問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在使用jQuery的hover事件時，經常會因為鼠標滑動過快導致菜單不停閃動的情況，相信很多朋友都遇到過自己做的縱向下拉菜單不停的收縮，非常的討厭。今天在給一個網站設計菜單時也遇到了這個情況，結果在百度上找了N久，沒有找到解決方法。在這里吐槽一下，百度太2了，收錄的內容都沒什么價值，最后還是在google找到了解決方法，下面就把這個jQuery的hover在IE中會導致不停閃動的解決方法教給大家。
$("#category ul").find("li").each( function() {
$(this).mouseover( function() {
$(this).children("ul").show();
} );
$(this).mouseout( function() {
$(this).children("ul").hide();
} );
} );
鼠標在下拉菜單移動時菜單會不斷閃爍，說明不斷觸發(fā)了 mouseover 和 mouseout 事件。
其實很簡單的解決方法：將 mouseover 改成 mouseenter，mouseout 改成 mouseleave。mouseenter 和 mouseleave 事件是 jQuery 庫中實現的，并不是瀏覽器的原生事件。不過最重要的是把菜單不停閃動的問題解決了！
$("#category ul").find("li").each( function() {
$(this).mouseenter(function() {
$(this).children("ul").show();
} );
$(this).mouseleave(function() {
$(this).children("ul").hide();
} );
} );
以上這篇完美解決jQuery的hover事件在IE中不停閃動的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文主要分享了jquery實現拖動效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
ASP.NET MVC中EasyUI的datagrid跨域調用實現代碼
因為easyUI使用的是JQuery的異步方法加載數據，應該遵循JQuery的跨域訪問規(guī)則2012-03-03
這篇文章主要介紹了jQuery實現標題有打字效果的焦點圖代碼,可實現幻燈片切換顯示時標題同步逐個打印顯示的效果,涉及jQuery操作json格式數據及時間函數的相關技巧,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery實現的模仿雨滴下落動畫效果,涉及jQuery結合時間函數動態(tài)修改頁面元素屬性相關操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了jquery實現郵箱自動補全功能，大家參考使用吧2014-02-02
jQuery ajax提交Form表單實例(附demo源碼)
這篇文章主要介紹了jQuery ajax提交Form表單的方法,結合實例分析了jQuery ajax操作實現表單提交的相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO，沒有click 事件的相關操作，項目中正好用到啦，所以研究了下，可以用js 動態(tài)的為menu item 綁定click 事件2012-07-07
這篇文章主要為大家詳細介紹了使用jQuery實現圖片輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
下面小編就為大家分享一篇修改UA在PC中訪問只能在微信中打開的鏈接方法，具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
Javascript技巧之不要用for in語句對數組進行遍歷
Javascript技巧-不要用for in語句對數組進行遍歷的一些原因分析，需要的朋友可以參考下。2010-10-10