test ==== gt; test lt;br/gt; test一個絕對定位，一個是固定定位。。。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");
???});
});

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

把那行代碼寫過來

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

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

還是不行，綁定li的話，離開一級菜單到二級菜單的時候，二級菜單會隱藏

我知道了，要綁定到li上

$('#test li')