Question

请帮助我知道这是一个菜鸟问题，但我坚持了好几天。谢谢你。这是我的Jquery，当我打开JS cosole它显示我错误$是没有定义。为什么我的Jquery代码不起作用。我是否正确连接到Html？

$(document).ready(function() {
   $('#container').mouseenter(function() {
       $(this).animate({
           height: '+=10px'
       });
   });
   $('#container').mouseleave(function() {
       $(this).animate({
           height: '-=10px'
       }); 
   });
   $('#container').click(function() {
       $(this).toggle(1000);
   }); 
});

<!DOCTYPE html>
<html>
<head>
<title>Project</title>


<link type="text/css" rel="stylesheet" href="style.css"/>

<script src="dev.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>




</head>
<body>


<div id = "container">
</div>


</body>
</html>

Answer 1

由于您的脚本文件使用jQuery，因此应在jQuery之后添加ti

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="dev.js"></script>

为什么我的Jquery代码不起作用。我是否正确连接到Html？

1 个答案: