Wie Mouseover auf zwei Elemente überprüfen?

Question

muss ich Tooltip mouseout von Link verstecken, aber nicht, wenn Mouseover auf Tooltip (beide unterschiedliche Eltern haben) Zum Beispiel: wir es auf Facebook sehen können, wenn schweben auf Freunde Namen oder Avatare

Ich versuche, diese aber jedes Mal, Ich bekomme FALSCH

$('a').bind('mouseleave', function() { 
     var i = $('div.tooltip').is('hover'); 
     if(i===true){ 
     console.log('cursor over the tooltip, so dont hide'); 
     } 
     else{ 
     console.log('hide tooltip'); 
     } 
}); 

Wie kann ich beide Bedingungen überprüfen?

Answer 1

Setzen Sie sowohl den Link und die Werkzeugspitze in der gleichen parent:

<div id="parent"> 
    <a href="link.com">link</a> 
    <div id="tooltip">tooltip</div> 
</div> 

Und dann im Skript können Sie einfach die mouseleave-Funktion auf der übergeordneten setzen:

$("#parent a").mouseenter(function(){ 
    $("#tooltip").css("display","block"); //or however you handle this 
}); 
$("#parent").mouseleave(function(){ 
    $("#tooltip").css("display","none"); 
}); 

Answer 2

Wenn Sie können Ändern Sie Ihr Markup nicht, verwenden Sie ein zeitgesteuertes Ereignis und brechen Sie es ab, wenn Sie mit der Maus eines der beiden Elemente eingeben:

Here's a FIDDLE