子菜單上的延遲向上滑動

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

當然

我只是打字出來而不測試的概念。但這將是我的第一次嘗試，可能需要一點努力才能正常工作。當然，這可能會導致由於延遲造成的不利和不希望的反應。但我不確定。