延迟在子菜单上向上滑动

时间:2012-08-06 19:51:27

标签: jquery hide delay slideup

我正试图推迟子菜单在没有悬停的情况下向上滑动。似乎无法让它与这个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)                                                
});

1 个答案:

答案 0 :(得分:0)

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

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

当然,我只是在没有测试概念的情况下输入它。但这至少是我的第一次尝试,可能需要一些游戏才能正常工作。当然,由于延迟,这可能引起不利和不希望的反应。但我肯定不知道。