带隐藏内容的jQuery悬停

我有以下代码

jQuery（函数（$）{
无功定时器；
$（'.action viewer'）.hide（）；
$（'.task'）。在（'mouseover'，function（）上{
li=$（本）；
计时器=设置超时（函数（）{
li.find（'.action查看器'）.show（）；
}, 400);
}).on（'mouseout'，function（）{
清除超时（计时器）；
$（this.find（'.action viewer'）.hide（）；
});
});
正文{
填充：15px
}
* {
填充：0；
保证金：0；
}
.任务清单{
列表样式：无
}
.任务{
填充：10px；
边框顶部：1px实心#EFEF
}
.动作查看器{
边框顶部：1px实心#CCC
}


这是任务编号01

这是任务编号02

这是任务编号03

这是任务编号04

这是任务编号05

您可以使用t而不是

这样，当离开元素并将鼠标悬停在子元素上时，不会触发事件

以下是更新后的示例：


jQuery（函数（$）{
无功定时器；
$（'.action viewer'）.hide（）；
$（'.task'）。在（'mouseover'，function（）上{
var self=这个；
计时器=设置超时（函数（）{
$（self.find（'.action查看器'）.show（）；
}, 400);
}).on（'mouseleave'，function（）{
清除超时（计时器）；
$（this.find（'.action viewer'）.hide（）；
});
});
正文{
填充：15px
}
* {
填充：0；
保证金：0；
}
.任务清单{
列表样式：无
}
.任务{
填充：10px；
边框顶部：1px实心#EFEF
}
.动作查看器{
边框顶部：1px实心#CCC
}


这是任务编号01

这是任务编号02

这是任务编号03

这是任务编号04

这是任务编号05

您可以使用t而不是

这样，当离开元素并将鼠标悬停在子元素上时，不会触发事件

以下是更新后的示例：


jQuery（函数（$）{
无功定时器；
$（'.action viewer'）.hide（）；
$（'.task'）。在（'mouseover'，function（）上{
var self=这个；
计时器=设置超时（函数（）{
$（self.find（'.action查看器'）.show（）；
}, 400);
}).on（'mouseleave'，function（）{
清除超时（计时器）；
$（this.find（'.action viewer'）.hide（）；
});
});
正文{
填充：15px
}
* {
填充：0；
保证金：0；
}
.任务清单{
列表样式：无
}
.任务{
填充：10px；
边框顶部：1px实心#EFEF
}
.动作查看器{
边框顶部：1px实心#CCC
}


这是任务编号01

这是任务编号02

这是任务编号03

这是任务编号04

这是任务编号05

使用速记
hover（）
方法进行
mouseenter/mouseleave
和
delay（）
：

使用速记
hover（）
方法进行
mouseenter/mouseleave
和
delay（）
：

谢谢，当我在一个页面上有多个列表时，这做了我想做的事情。谢谢，这做了我想做的事情，当我在一个页面上有多个列表时，这做了一些奇怪的事情。
jQuery(function ($) {
    var timer;

    $('.action-viewer').hide();

    $('.task').hover(function () {
        $(this).find('.action-viewer').delay(400).show(0);
    }, function () {
        $(this).find('.action-viewer').stop().hide();
    });

});