鼠标输出和关闭对话框

Question

我有一个通过悬停显示对话框的链接，我想知道是否有办法：

• 如果我悬停链接并且对话框显示但我没有进入对话框，并且我将链接鼠标移开，则对话框将关闭。 （我可以使用mouseleave函数执行此操作）

• 但我也有可能进入对话框（鼠标移出链接）将光标移向对话框，在不关闭对话框的情况下查看/单击对话框上的某些信息。

我知道这听起来有点令人困惑，但希望你们能指导我。

这是我对话框的照片：

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")
});