2

我想创建一个段落，如果用户将鼠标悬停在该段落上，它应该显示一个警告框。但是我输入的代码不起作用。鼠标一进入页面，就会出现这个框。我只希望它在鼠标位于段落上时显示。代码是：

<html>
<script src="jquery.js" type="text/javascript"></script>
<script>
$('document').ready(function(){
    $('#p1').hover(
        alert("you have entered p1 .")
    );
});
</script>
<body>
    <p id="p1">hover here!!</p>
</body>
</html>
4

7 回答 7

3

jsFiddle 上的工作示例。

尝试这个：

$('#p1').hover(
    alert("you have entered p1 .");
);

或者：

$('#p1').hover(
    function() {
        alert("you have entered p1 .");
    },
    function() {
        alert('you have exited p1 .');
    }
);
于 2013-02-11T06:10:09.593 回答
2 
<html>
<script src="jquery.js" type="text/javascript"></script>
<script>
$('document').ready(function(){
   $('#p1').hover(function(){
       alert("you have entered p1 .")
   });
});
</script>
<body>
<p id="p1">hover here!!</p>
</body>
</html>

你忘了#

于 2013-02-11T06:09:25.880 回答
1

//试试这1个家伙...

$("#p1").hover(
function () {
   alert("you have entered p1 .")
},
function () {}
);
于 2013-02-11T06:24:18.840 回答
1 
<script>
$('document').ready(function(){
    $('#p1').hover(
        alert("you have entered p1 .")
    );
});
</script>
<body>
<p id="p1">hover here!!</p>
于 2013-02-11T06:10:13.293 回答
1

您的脚本中有两个错误：

  1. “记录”不存在的引号
  2. 悬停时缺少功能

所以应该是：

$(document).ready(function(){ // <----removed the quotes
   $('#p1').hover(function(){ //<------added the function here.
      alert("you have entered p1 .")
   });
});
于 2013-02-11T06:17:09.680 回答
0

如果你想要页面中所有段落的悬停效果，那就去吧

$('p').hover(function1(),function2());

（或）如果您想要特定段落的悬停效果，那么

$('#ID_OF_YOUR_PARAGRAPH').hover(function1(),function2());
于 2013-02-11T06:26:41.470 回答
0 
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p id="p1">hover here!!</p>
<script type="text/javascript">
$('#p1').mouseover(function() {
  alert("you have entered p1 .");
});
</script>
</body>
</html>
于 2013-02-11T06:21:21.480 回答