JQUERY wenn nicht schweben

Question

Mauszeiger von DIV A setzt DIV B, um anzuzeigen(). Was ich will, ist auf mouseleave von DIV A, wenn sie nicht schwebt über DIV B sind, verbergen DIV B. Aber auf mouseleave von DIV A, wenn sie DIV B zu halten sind, schwebt über DIV B. zeigt

$('#DIVA').mouseenter(function() { 
     $('#DIVB').show(); 
    }).mouseleave(function() {  
     //if DIVB not hovering 
      $('#DIVB').hide(); 
     //end if 
    }); 

Answer 1

Es könnte so einfach sein wie nur hover verwenden.

http://jsbin.com/ojipu/2

... aber das hängt davon ab, was der Markup aussieht.

Answer 2

Könnten Sie eine Klasse zu #DIVB auf Schwebeflug hinzufügen und dann auf mouseleave für #DIVA überprüfen?

$('#DIVB').hover(function(){ 
    $(this).addClass('active'); 
}, function(){ 
    $(this).removeClass('active'); 
}) 

$('#DIVA').mouseenter(function() { 
    $('#DIVB').show(); 
}).mouseleave(function() {  
    if(!$('#DIVB').hasClass('active')){ 
     $('#DIVB').hide(); 
    } 
});