問題與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(); 
});