jquery - 延迟悬停效果

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 秒。如果用户在 1 秒结束前将鼠标移开，则 mouseleave 处理程序将停止显示文本。