不能從一級(jí)菜單平移到二級(jí)菜單
為什么怎么都平移不過去???
$(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");
????????})
2018-09-12
第五行$("#test ul")這里出問題了,將事件綁在ul上就會(huì)出現(xiàn)這個(gè)問題,應(yīng)該綁在整個(gè)的父元素上,也就是id="test"這個(gè)div上。
2018-08-08
我也是同樣的問題,同學(xué)現(xiàn)在這么樣了
2017-10-12
鼠標(biāo)一離開一級(jí)菜單,二級(jí)菜單就馬上消失