子菜单上的延迟向上滑动

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);           
}); 

当然

我只是打字出来而不测试的概念。但这将是我的第一次尝试，可能需要一点努力才能正常工作。当然，这可能会导致由于延迟造成的不利和不希望的反应。但我不确定。