如何使用jQuery捕获隐藏的div以保持可见?

时间:2017-04-02 02:53:06

标签: javascript jquery html css hover

我有一个令人困惑的问题。当我的第一个div" leftbox"徘徊,"右撇子" (隐藏的div)显示,但它最终会在" leftbox"没有徘徊。但我需要"右键"当右框悬停时保持可见,然后当用户的鼠标离开右框时,然后它应该消失。我怎样才能让它发挥作用?我非常感谢你的帮助。

1 个答案:

答案 0 :(得分:1)

如果添加容器类,则可以正常工作。



var personalitet = document.getElementById("personalitet").innerHTML;
document.getElementsByName("form[5607]")[0].value = personalitet;
$( "input[name='form[5607]']" ).change();

$(function(){
	$('.container').hover(function(){
		var boxId = $(this).find("[data-id]").attr('data-id');
		$('#'+boxId).stop().fadeToggle();
	});
});

.leftbox {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	float: left;
}
.rightbox {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background: #99bf8f;
	margin-left: 110px;
	display: none;
}
.container {
  float:left;
}