JQUERY if not hover

Question

DIV A的Mouseenter将DIV B设置为show（）。我要的是对DIV A的鼠标离开，如果他们不上空盘旋DIV B，隐藏DIV B.但是，在DIV A的鼠标离开，如果他们徘徊在DIV B保持显示DIV B.

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

Answer 1

它可能就像只使用hover一样简单。

http://jsbin.com/ojipu/2

...但是，这要看是什么标记的样子。

Answer 2

你可以添加一个类到#DIVB悬停然后检查mouseleave为#DIVA？

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

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