延迟上滑子菜单

Question

我正在尝试延迟子菜单在未悬停时向上滑动。似乎根本无法让它与这个 jquery 一起工作。认为 css 已经过时了？它说菜单应该何时出现和消失。 JS小提琴链接：http://jsfiddle.net/gQ3Cv/5/

 $("#primary-nav ul li ul").mouseover(function(){
        $(this).parent(".submenu").show()                                               
});
$("#primary-nav ul li ul").mouseout(function(){
         $(this).parent(".submenu").delay(1500).slideUp(300)                                                
});

Answer 1

如果您想要延迟反应，请尝试

var myDelay = 1500;
$("#primary-nav ul li ul").mouseover(function(){
        var elem = $(this).parent(".submenu");
        setTimeout(function(){elem.show();}, myDelay);                                            
});
$("#primary-nav ul li ul").mouseout(function(){
        var elem = $(this).parent(".submenu");
        setTimeout(function(){elem.slideUp(300).hide();}, myDelay);                                         
});

当然，我只是在没有测试这个概念的情况下打出这个。但这至少是我的第一次尝试，可能需要一点游戏才能正常工作。当然，由于延迟，这可能会导致不利的和不希望的反应。但我不确定。