目标是当鼠标悬停时,有多个元素为每个元素触发特定的文本消息,如果两个鼠标悬停都没有文本消息。从其他问题我发现$("#id").is(":hover")
应该返回true,如果鼠标在元素上,但它似乎并没有做到这一点。他们都返回false且文本是 “无”Javascript或jquery检查是否将鼠标悬停在某个元素上
HTML:
<input class="r_check" type="checkbox" id="r1" name="rating" value="1"><label for="r1"></label>
<input class="r_check" type="checkbox" id="r2" name="rating" value="2"><label for="r2"></label>
<input class="r_check" type="checkbox" id="r3" name="rating" value="3"><label for="r3"></label>
<p class="text" id="the_text"></p>
使用Javascript/jQuery的:
$(document).ready(function(){
var text = $("#the_text");
if($("#r1").is(":hover")){
text.html("Low");
}else if($("#r2").is(":hover")){
text.html("Medium");
}else if($("#r3").is(":hover")){
text.html("High");
}else{
text.html("None");
}
});
我试图取代简单<p id="r1">input 1</p>
元素输入字段,看是否标签或输入的类别阻止悬停事件,但这也不起作用。
谢谢!那工作。 – ioan