Javascript 如何在使用mouseover（）时只允许显示一条消息
下面是我问题的代码。我有一个检查列表，当我将鼠标悬停在“拿出垃圾”上时，鼠标悬停在事件上。但是，每次我悬停在“完成任务”上时，它都会重复 我想要的是一个人在“拿出垃圾”上悬停，鼠标悬停事件出现，但当我使用mouseleave时，它会再次消失，而不是每次我在上面悬停时都重复。该消息只应出现一次Javascript 如何在使用mouseover（）时只允许显示一条消息,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是我问题的代码。我有一个检查列表，当我将鼠标悬停在“拿出垃圾”上时，鼠标悬停在事件上。但是，每次我悬停在“完成任务”上时，它都会重复 我想要的是一个人在“拿出垃圾”上悬停，鼠标悬停事件出现，但当我使用mouseleave时，它会再次消失，而不是每次我在上面悬停时都重复。该消息只应出现一次 <li class="ui-state-default"> <div class="checkbox"> <label> <img src=
<li class="ui-state-default">
<div class="checkbox">
<label>
<img src="img/edit.png" id="edit" alt="edit list">
<div id="outer">
<input type="checkbox" class="checkbox1" value="" />Take out the trash
</label>
</div>
</li>
<li class="ui-state-default">
<div class="checkbox">
<label>
<div id="list2">
<img src="img/edit.png" id="edit" alt="edit list">
<input type="checkbox" value="" />Buy bread</label>
<div id="hidden1">
Buy milk
</div>
</div>
</div>
</li>
$( "#outer" ).mouseover(function() {
$( "#hidden" ).show();
});
$("#outer").mouseleave(function(){
$( "#hidden" ).hide();
});
$( "list2" ).mouseover(function() {
$( "#hidden1" ).show();
});
$("#list2").mouseleave(function(){
$( "#hidden1" ).hide();
});
倒垃圾
买面包
买牛奶
$（“#外部”）.mouseover（函数（）{
$（“#隐藏”）.show（）；
});
$（“#外部”）.mouseleave（函数（）{
$（“#隐藏”）.hide（）；
});
$（“列表2”）.mouseover（函数（）{
$（“#hidden1”）.show（）；
});
$（“#列表2”）.mouseleave（函数（）{
$（“#hidden1”）.hide（）；
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hover Text</title>
<style>
.hidden-div {
display: none;
}
.checkbox:hover .hidden-div {
display: block;
}
</style>
</head>
<body>
<ul>
<li class="ui-state-default">
<div class="checkbox">
<label>
<img src="img/edit.png" id="edit" alt="edit list">
<input type="checkbox" class="checkbox1" value="" />Take out the trash
<div class="hidden-div">This is the notes for this item</div>
</label>
</div>
</li>
<li class="ui-state-default">
<div class="checkbox">
<label>
<img src="img/edit.png" id="edit" alt="edit list">
<input type="checkbox" class="checkbox1" value="" />Make your Bed
<div class="hidden-div">Fluff your pillow too.</div>
</label>
</div>
</li>
</ul>
</ul>
</body>
</html>
悬停文本
.隐藏分区{
显示：无；
}
.checkbox:hover.hidden div{
显示：块；
}
-
倒垃圾
这是这个项目的注释
-
整理床铺
把枕头也抖松。
这只使用CSS来隐藏和显示
隐藏的divremove（）