我测试了这段代码,但是第一个函数没有执行,而第二个函数does.Why是这样的吗?同样的函数在hover事件上运行良好。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").mouseover(function(){
$(".Stop").text($(".Stop").text()+" Test 0");
},function(){
$(".Stop").text($(".Stop").text()+" Test 1");
}
);
})
</script>
<style type="text/css">
.Stop{color:red;border:#000 thin solid;width:100px;}
</style>
<title>Untitled Document</title>
</head>
<body>
<form name="frm1" >
<input type="text" id="myForm"/>
<input type="text" id="myForm1"/>
<input type="text" id="myForm2"/>
</form>
<p class="sakl" >Click</p>
<p class="Stop"></p>
</body>
</html>发布于 2011-07-24 20:13:26
在jQuery documentation for mouseover中没有指定两个函数可以与它一起使用。为此,您必须使用hover,它所做的工作与此大致相同。
$(document).ready(function() {
$("p").hover(function() {
$(".Stop").text($(".Stop").text() + " Test 0");
}, function() {
$(".Stop").text($(".Stop").text() + " Test 1");
});
});发布于 2011-07-24 20:17:56
当鼠标离开段落区域时,如果你需要发生一些事情,你需要什么行为?使用:
$(document).ready(function () {
$("p").mouseover(function () {
$(".Stop").text($(".Stop").text() + " Test 0");
} );
$("p").mouseleave(function () {
$(".Stop").text($(".Stop").text() + " Test 1");
}
);
})https://stackoverflow.com/questions/6806705
复制相似问题