使用jQuery通過mouseover mouseout寫一個二級菜單發現鼠標在一級菜單的時候,使用了事件委托,做出來的效果是:能夠顯示二級菜單,但是鼠標移到二級菜單時,二級菜單會消失,求解答是為什么(我只能想到是因為event.target變化了,但是此時的event.target指向哪呢?)。使用事件委托到底能不能實現這個功能呢?下面是我的代碼部分。HTML代碼如下:JS代碼如下$(".ul").mouseover(function(e){ if((e.target.nodeName).toLowerCase() =="li"){ $(e.target).css("background","orange").children(".menu").css("display","block");}})$(".ul").mouseout(function(e){// $(this).children(".menu1").css("display","none"); $(e.target).css("background","lightgrey").children(".menu").css("display","none");})我知道其他兩種方法實現二級菜單,一種是用css中的hover 實現,另一種是在JS中去遍歷元素給當前元素添加mouseover/mouseout事件來實現。大家還有其他的方法嗎?
jQuery實現二級菜單鼠標無法進入二級菜單
翻閱古今
2019-03-04 21:24:58