jQuery:延迟mouseenter事件(下拉菜单)

时间:2012-12-12 22:29:59

标签: javascript jquery delay mouseenter

我正在研究这个小提琴:http://jsfiddle.net/8n2TQ/9/

它包含一个翻转按钮,可以按下这样的菜单:

$('#one').mouseenter(function() {

    //Slide down

});

事件在悬停时立即发生,但我想稍微延迟以防止意外悬停触发事件。我尝试使用计时器(请参阅http://jsfiddle.net/8n2TQ/13/),但似乎无法执行' //向上滑动'下的所有事件。我想我在这里错过了什么,我做错了什么?

2 个答案:

答案 0 :(得分:3)

https://github.com/briancherne/jquery-hoverIntent

有一个插件适用于此。

答案 1 :(得分:2)

你问过如何处理功能。插件页面上有一个例子

var config = {    
     over: makeTall, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: makeShort // function = onMouseOut callback (REQUIRED)    
};

$("#demo3 li").hoverIntent( config )
相关问题