$('.menu li').mouseover(function(){
obj = $(this).find('.sub-menu');
t1 = setTimeout(function () {obj.slideDown(600)}, 500);
}).mouseout(function(){
t2 = setTimeout(function () {obj.slideUp(600)}, 1500); clearTimeout(t1,t2);
});最終我這么寫的:$('.menu li').hover(function(){ var obj = $(this).find('.sub-menu');
t1 = setTimeout(function () {obj.slideDown(600)}, 500); clearTimeout(t2);
},function(){ var obj = $(this).find('.sub-menu');
t2 = setTimeout(function () {obj.slideUp(600)}, 1500); clearTimeout(t1);
});由于使用了mouseover和mouseout后導致鼠標移動到sub-menu上會自動slideUp,用改為hover解決問題。由于不clearTimeout導致鼠標只要經過.menu li上方過500ms后仍會執行slidedown()這樣容易造成誤操作。lazyboy的答案無法觸發下方代碼。故綜合了Frank和lazyboy的答案。第三次修改$('.menu li').hover(function(){ var obj = $(this).find('.sub-menu');
t1 = setTimeout(function () {obj.slideDown(400)}, 500);
},function(){ var obj = $(this).find('.sub-menu');
obj.slideUp(1000); clearTimeout(t1);
});移除了t2的原因是如果從一個.menu li上展開了.sub-menu并又移動到了另外一個.menu li上,那么會執行clearTimeout(t2),這樣會導致前一個的.sub-menu不會slideUp。上面代碼是我想到的解決方案,實在只能放棄t2了,有更好的方法么?新問題:鼠標如果從.sub-menu移開又馬上回來,能不能取消slideup執行并恢復成.sub-menu展開的狀態
這樣會導致前一個的.sub-menu不會slideUp,咋整
慕田峪9158850
2023-04-19 18:14:40