2015-05-15 74 views
1

我有一个链接显示通过悬停它对话,我想知道是否有其中一种方式:鼠标移开并关闭对话框

  • 如果我将鼠标悬停在链接和对话节目,但我不要进入对话框,我将鼠标移出对话框将被关闭的链接。 (我可以用mouseleave函数做到这一点)

  • 但我也有可能进入对话框(鼠标移出链接),将光标移动到对话框,在对话框中查看/点击某些信息而不关闭它。

我知道这听起来有点混乱,但希望你们可以指导我。

这里是我的对话框的照片:

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

+0

当你的MouseEnter然后链接让'的jQuery( “#dialog_id”)显示();',也有相同的代码,当你进入对话框。和'jQuery(“#dialog_id”)。hide();'离开对话框或链接 – Abhi

回答

0

也许你想设置超时使用的setTimeout()?

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

+0

谢谢,它通过延迟关闭对话框来解决问题。 –

+0

如果这是正确的答案,请将其标记为正确答案,谢谢! – Dantevg