问题与jquery function.hover

Question

我已经使JavaScript代码。这是密码

/*************************/ 
/* twitter ticker  */ 
/*************************/ 
var nieuwsbrief_formulier_open = false; 
$("#footer a.twitter").hover(

function() 
{     
    if(nieuwsbrief_formulier_open == false) 
    { 
     nieuwsbrief_formulier_open = true; 
     $(this).parent('li').addClass('actief'); 
     $("#twitter").fadeIn(600); 
    } 
    else 
    { 
     nieuwsbrief_formulier_open = false; 
     $(this).parent('li').removeClass('actief'); 
     $("#twitter").fadeOut(600); 
    } 
    return false; 
}); 

当我悬停在#footer a.twitter。然后#twitter div来/显示。但是当我用鼠标离开这个#footer.a.twitter按钮。然后div离开。我要怎么做，当我用鼠标在#twitter div上时。这个div不会离开，但也显示出来。

谁能帮帮我？谢谢 ！

Answer 1

您可以在这里做一些更改，其中最大的一项是分割您的功能。 .hover()需要两个参数，以及，独立的处理程序mouseleave和mouseout事件，就像这样：

$("#footer a.twitter").hover(function() {     
    $(this).parent('li').addClass('actief'); 
    $("#twitter").fadeIn(600); 
}, function() { 
    $(this).parent('li').removeClass('actief'); 
    $("#twitter").fadeOut(600); 
}); 

然后来解决当前的问题，因为#twitter是不是一个孩子（或不出现是），你需要处理它上面的悬停，像这样：

$("#twitter").hover(function() { 
    $(this).stop().fadeIn(); 
}, function() { 
    $(this).stop().fadeOut(); 
});