为什么怎么都平移不过去啊?
$(document).ready(function () { var sub = $("#sub"); var activeRow; var activeMenu; $("#test ul") .on("mouseenter",function (e) { sub.removeClass("none"); }) .on("mouseleave",function (e) { sub.addClass("none"); if(activeRow){ activeRow.removeClass("active"); activeRow = null;//不将activeRow置于null 的话,就不能再一次的激活背景色(只能激活一次) } if(activeMenu){ activeMenu.removeClass("none"); activeMenu = null; } }) .on("mouseenter","li",function (e) { if(!activeRow){ activeRow = $(e.target).addClass("active"); activeMenu = $("#" + activeRow.data("id")); activeMenu.removeClass("none"); return; } activeRow.removeClass("active"); activeMenu.addClass("none"); activeRow = $(e.target); activeRow.addClass("active"); activeMenu=$("#"+ activeRow.data("id")); activeMenu.removeClass("none"); })
第五行$("#test ul")这里出问题了,将事件绑在ul上就会出现这个问题,应该绑在整个的父元素上,也就是id="test"这个div上。
我也是同样的问题,同学现在这么样了
鼠标一离开一级菜单,二级菜单就马上消失