jQuery悬停事件，防止功能被完全执行

Question

首先，我觉得这个有点难以解释，因为英语不是我的母语。所以请原谅。

我写了一个小的通知函数，它在表单提交时触发。正常行为是：

• 用户提交表单
• 注淡入
• 延迟2秒
• 注淡出

当音符盘旋，它扩展了css-transition。从逻辑上讲，它不应该淡出，直到用户将其折叠mouseleave。 而这里存在我的问题：只要div被徘徊，我如何防止fadeOut声明被执行？

我想是这样

if ($('#notification').hover()){ 
    return ; 
} 

但当然，第一条语句已经excuted如下所示：

http://jsfiddle.net/6DsJb/

我也尝试了一些其他的东西，比如一个单独的脚本正在收听hover事件，然后致电$('#notification').show() ;

两者都不起作用。我知道这是推理中的一个简单错误，但是地狱，我被卡住了。

在此先感谢。

Answer 1

的fadeIn通话setTimeout后，用一个函数：

• 如果通知被折叠，隐藏它。
• 否则，使用.mouseleave隐藏鼠标焦点后隐藏它。

即：

$('#notification').fadeIn(500); 

setTimeout(function() { 
    if (notification_is_collapsed) 
    $('#notification').fadeOut(500); 
    else 
    $('#notification').mouseleave(function() { 
     $('#notification').fadeOut(500); 
    }); 
}, 2000); 

Answer 2

悬停功能需要两个参数：当鼠标进去，而当鼠标离开（http://api.jquery.com/hover/）

所以你可以做这样的事情，而不是：

$('#notification').hover(
function() {}, function() { 
    $(this).delay(500).fadeOut(500); 
}); 

这里是你的jsfiddle更新：http://jsfiddle.net/6DsJb/1/