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