嗨，我试图隐藏div鼠标进入身体，它无法正常工作，div我试图隐藏，将隐藏并再次出现。查看这个小提琴
这是我的代码：
JS：
$(document).mouseenter(function() {
$('.jadu').hide(10);
}).mouseout(function(){
$('.jadu').show(10);
});
HTML：
<div class="jadu"></div>
CSS：
*{padding:0px;margin:0px;}
.jadu{
position:fixed;
width:100%;
height:100%;
background-color:#555;
opacity:0.8;
display:block;
z-index:3;
}
body{
background:red;
}
这是小提琴的链接：小提琴
只需使用mouseleave事件。
$(document).mouseenter(function() {
$('.jadu').hide(10);
}).mouseleave(function(){
$('.jadu').show(10);
});
在mouseout元素上使用子元素（document > .jadu）时，将鼠标悬停在.jadu元素（子元素）上时会触发mouseout事件。
使用时mouseleave，将鼠标悬停在的子级时不会触发此事件document。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句