Jquery 延迟悬停效应

Jquery 延迟悬停效应,jquery,css,Jquery,Css,我有一个网格,网格的每一行上都有一个按钮。当我单击该按钮时,会出现一个模式弹出窗口。该弹出窗口有关闭按钮,但只要我单击该关闭按钮,关闭按钮所在行上的悬停效果就会出现。我想延迟此事件 悬停效果是通过CSS tr:hover产生的,我无法按原样替换它。我只想在单击关闭按钮时延迟悬停效果。使用设置超时延迟悬停效果,例如: var h; $("#row").mouseenter(function () {h = setTimeout(function(ev){//code that sh

我有一个网格,网格的每一行上都有一个按钮。当我单击该按钮时,会出现一个模式弹出窗口。该弹出窗口有关闭按钮,但只要我单击该关闭按钮,关闭按钮所在行上的悬停效果就会出现。我想延迟此事件


悬停效果是通过CSS tr:hover产生的,我无法按原样替换它。我只想在单击关闭按钮时延迟悬停效果。

使用设置超时延迟悬停效果,例如:

    var h;
    $("#row").mouseenter(function () {h = setTimeout(function(ev){//code that shows the hover text}, 1000)});
    $("#row").mouseleave(function () {clearTimeout(h);})

将延迟悬停1秒。如果用户在1秒之前将鼠标移走,mouseleave处理程序将阻止文本显示。

请提供一些相关代码…..取决于效果和创建方式。。。