鼠标移出并关闭对话框

Question

我有一个 link 可以通过悬停来显示对话框，我想知道是否有办法:

• 如果我将鼠标悬停在 link 上并且显示对话框但我没有进入对话框，并且我将鼠标移出 link 对话框将关闭。 （我可以用 mouseleave 函数做到这一点）

• 但我也有可能进入对话框（将鼠标移出 link）将光标移向对话框，see/click 了解对话框中的一些信息没有关闭它。

我知道这听起来有点混乱，但希望你们能指导我。

这是我的对话照片：

http://i.stack.imgur.com/zEfzI.png

Answer 1

也许您想使用 setTimeout() 设置超时？

$("#link").mouseout(function(){
  setTimeout(function(){
    $(this).removeClass("active")
  }, 2000);
});
$("#dialog").mouseover(function(){
  $(this).addClass("active")
});