Question

jquery的hover问题，两个div不在一个父级别div内

大侠们请看问题：
<div class="a"> 我是aaaaaaaaa</div>

<div class="b" style="display:none;"> 我是aaaaaaaaa</div>

a，b两个div，两个之间有间距，如何实现移动到a上时，b显示,在瞬间把鼠标移动到b时，b不消失，移出时b消失(在不改变div结构前提下)
如何修改以下代码？

$(function(){
$(".a").hover(function(){
$(".b").show();

},function(){
$(".b").fadeOut();
})

})

Answer 1

你可能还需要有更多的状态来控制b的显示和隐藏。

给个代码你参考：

var isHover = false;
$(function() {
	$(".a").hover(function() {
		isHover = true;
		$(".b").show();
	}, function() {
		isHover = false;
		setTimeout(function() {
			if (!isHover) {
				$(".b").fadeOut();
			}
		}, 10);
	});
	$(".b").hover(function() {
		isHover = true;
	}, function() {
		isHover = false;
		$(".b").fadeOut();
	});
});