Question

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

<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>

Answer 1

Working example on jsFiddle

试试这个：

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

或：

$('#p1').hover(
    function() {
        alert("you have entered p1 .");
    },
    function() {
        alert('you have exited p1 .');
    }
);

Answer 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>

你忘记了＃

Answer 3

<script>
$('document').ready(function(){
    $('#p1').hover(
        alert("you have entered p1 .")
    );
});
</script>
<body>
<p id="p1">hover here!!</p>

Answer 4

您的脚本中有两个错误：

'记录'引号不在那里
在悬停中缺少功能

所以它应该是：

$(document).ready(function(){ // <----removed the quotes
   $('#p1').hover(function(){ //<------added the function here.
      alert("you have entered p1 .")
   });
});

Answer 5

//试试这个1老兄...

$("#p1").hover(
function () {
   alert("you have entered p1 .")
},
function () {}
);

Answer 6

<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>

Answer 7

如果您希望对页面中的所有段落悬停效果，请转到此

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

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

$('#ID_OF_YOUR_PARAGRAPH').hover(function1(),function2());

将鼠标悬停在该段落上

7 个答案: