test ==== gt; test lt;br/gt; test一個(gè)絕對(duì)定位，一個(gè)是固定定位。。。fixed在ie6下不支持。。。。

$(document).ready(function?()?{
???var?sub?=?$("#sub");

???var?activeRow,?activeMenu;

???$("#test").on("mouseenter",function?(e)?{
???????//?sub.removeClass("none");
???}).on("mouseleave",function?(e)?{
???????sub.addClass("none");

???????if(activeRow){
???????????activeRow.removeClass("active");
???????????activeRow?=?null;
???????}

???????if(activeMenu){
???????????activeMenu.addClass("none");
???????????activeMenu?=?null;
???????}
???}).on("mouseenter","li",function?(e)?{
???????sub.removeClass("none");
???????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");
???});
});

這個(gè)其實(shí)也不算什么bug，你看到的空子菜單實(shí)際上就是它的padding造成的，你可以把padding這個(gè)css樣式命令剝離出來(lái)，在鼠標(biāo)移入li時(shí)addClass，移出li時(shí)removeClass。第二種方法比較簡(jiǎn)單，看圖：

把那行代碼寫過(guò)來(lái)

$("#text")包含內(nèi)層的ul，還有l(wèi)i，，，進(jìn)入ul還沒(méi)進(jìn)入li時(shí)，也會(huì)觸發(fā)下面的.on("mouseenter",function(e){
sub.removeClass("none")})，使得會(huì)出現(xiàn)#sub的樣式，這個(gè)bug看著很難受，直接寫成$("#text li")就行，讓他進(jìn)入Li觸發(fā)，不過(guò)后面的事件委托的時(shí)候.on("mouseenter","li",function(e)前面就得加上$("#text")或者$("#text ul") 畢竟$("#text li")不能委托自己。小BUG完美解決。體驗(yàn)感好些了。

這是我的解決方案https://github.com/keyiwu/JD-Menu/releases/tag/1.1.1

還是不行，綁定li的話，離開一級(jí)菜單到二級(jí)菜單的時(shí)候，二級(jí)菜單會(huì)隱藏

我知道了，要綁定到li上

$('#test li')