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