2013-03-01 2 views
0

D'accord, le code ci-dessous fonctionne correctement si je clique en dehors de la div #nav. Je demandais s'il est possible de simplement éloigner la souris du #nav div pour le faire disparaître. Je ne veux pas "cliquer" pour cacher la div.Autre événement souris Jquery

$(document).mouseup(function (e) 
{ 
    var container = $("#nav"); 

    if (container.has(e.target).length === 0) 
    { 
     container.hide(); 
    } 
}); 

Toute aide sera appréciée :)

+0

vous aurez besoin d'avoir un mouseenter pour montrer et vous pouvez utiliser mouseleave pour cacher – Pete

+0

Les mots magiques sont '' mouseenter' et mouseleave'. Il existe déjà des événements natifs et des méthodes jQuery pour eux. http://api.jquery.com/mouseenter/ – jrajav

+0

le mouseenter et mouseleave ne fonctionne pas:/ –

Répondre

4

Affectez une fonction qui cache l'élément sur l'événement mouseleave.

$("#nav").mouseleave(function(){ 
    $(this).hide(); 
}); 

Fiddle: http://jsfiddle.net/howderek/SRMT8/

+0

S'il vous plaît jeter un oeil à thishttp: //jsfiddle.net/sKpwV/ –