请帮助onjquery悬停

Question

我有两个div。说div1和div2。默认情况下div2是不可见的。

当用户悬停在div1上时，我需要显示div2。现在，如果div2悬停，那么我需要继续显示此div2（即使div1不再徘徊），否则将div2的可见性重置为隐藏。

如何让div2在悬停时可见？

Answer 1

在这里你去：

var overSubmenuFlag = false; 
$('#div1').mouseover(function(){ 
    $('#div2').show(); 
}); 
$('#div1').mouseout(function(){ 
    setTimeout(function(){if(overSubmenuFlag)return;$('#div2').hide();},100); 
}); 
$('#div2').mouseover(function(){ 
    overSubmenuFlag = true; 
}); 
$('#div2').mouseout(function(){ 
    overSubmenuFlag = false; 
    $('#div2').hide(); 
}); 

Answer 2

您可以使用hover为这两个div。

当悬停在div1显示div2，当徘徊在div2隐藏div2。

$('#div1').hover(
function() { 
//hoverIn 
$('#div2').show(); 
}, function() { 
    //hoverOut 
}); 


$('#div2').hover(
function() { 
//hoverIn 

}, function() { 
    //hoverOut 
    $('#div2').hide(); 
});