Question

jQuery中hover事件的延迟

$(function(){
var hoverTimer, outTimer;
$(".nav > li").hover(function() {
$(".navlistpd").stop(false, true);
$(this).find(".navlistpd").slideDown().siblings().find(".navlistpd").slideUp();
}, function() {
$(".navlistpd").stop(false, true);
$(".navlistpd").slideUp();
})
})

请问如何给这个hover 添加1秒的延时
贴错源代码了，抱歉，应该是：

$(function(){
$(".nav > li").hover(function() {
$(".navlistpd").stop(false, true);
$(this).find(".navlistpd").slideDown().siblings().find(".navlistpd").slideUp();
}, function() {
$(".navlistpd").stop(false, true);
$(".navlistpd").slideUp();
})
})

Answer 1

$(function () {
var hoverTimer, outTimer;
$(".nav > li").hover(function () {
//clearTimeout(outTimer)
hoverTimer = setTimeout(function () {
$(".navlistpd").stop(false, true);
$(this).find(".navlistpd").slideDown().siblings().find(".navlistpd").slideUp();
}，
1000);
}, function () {
//clearTimeout(hoverTimer)
outTimer = setTimeout(function () {
$(".navlistpd").stop(false, true);
$(".navlistpd").slideUp();
}，
1000);
})
})

看这样行不

追问

源代码贴错了，抱歉，已经更新，按您的方法修改后，无法弹出下拉菜单了，麻烦再帮看下，谢了。

Answer 2

hover 的第一个方法中hoverTimer=setTimeout(..., 1000)，在第二个方法中clearTimeout(hoverTimer)。

Answer 3

$(function(){
var hoverTimer, outTimer;
$(".nav > li").hover(function() {
setTimeout(
function(){

$(".navlistpd").stop(false, true);
$(this).find(".navlistpd").slideDown().siblings().find(".navlistpd").slideUp();
}
,1000);
}, function() {
$(".navlistpd").stop(false, true);
$(".navlistpd").slideUp();
})
})

追问

源代码贴错了，抱歉，已经更新，按您的方法修改后，无法弹出下拉菜单了，麻烦再帮看下，谢了。

追答

不好意思，前些天很忙没上来看，不过我是测试过了的，是可以的，可能是jQuery版本或者你的其他代码冲突了吧。