延迟悬停效果

Question

我有一个网格，并且在该网格的每一行都有按钮。当我点击该按钮时会出现一个模态弹出窗口。弹出窗口有关闭按钮但是当我单击该关闭按钮时，该行上有悬停效果关闭按钮所在的图片。我想延迟这个事件。

发生的悬停效果是通过CSS tr：hover而我无法替换它我想要的原因。我只想在点击关闭按钮时延迟悬停效果。

Answer 1

使用setTimeout来延迟悬停的效果，例如：

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

将延迟悬停1秒钟。 mouseleave处理程序用于阻止文本显示用户是否在1秒钟之前将鼠标移开。