第一个 jQuery 脚本无法运行，出了什么问题
这是我的第一个 jQuery 脚本，它无法运行。你能告诉我出了什么问题吗？
提前致谢。
<!DOCTYPE html>
<html>
<head>
<title>Furry Friends Campaign</title>
<link rel="stylesheet" type="text/css" href="styles/my_style.css">
</head>
<body>
<div id = "clickMe">Show Me the Furry Friend of the Day</div>
<div id = "picframe">
<img src="images/furry_friend.jpg">
</div>
<script src = "scripts/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function(){
$("#clickMe").click(function() {
$("img").fadeIn(1000);
$("#picframe").slideToggle("slow");
});
});
</script>
</a>
</div>
</body>
</html>
我已将 jQuery 版本更新为 1.7，并删除了赋值操作“=”周围的额外空格：
我的问题仍然存在。正在应用样式，但是当我单击脚本时没有任何反应，也没有出现“单击”拇指图标。
<!DOCTYPE html>
<html>
<head>
<title>Furry Friends Campaign</title>
<link rel="stylesheet" type="text/css" href="styles/my_style.css">
</head>
<body>
<div id="clickMe">Show Me the Furry Friend of the Day</div>
<div id="picframe">
<img src="images/furry_friend.jpg">
</div>
<script src="scripts/jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
$("#clickMe").click(function() {
$("img").fadeIn(1000);
$("#picframe").slideToggle("slow");
});
});
</script>
</a>
</div>
</body>
</html>
这是 CSS 样式表：
#clickMe {
background: #D8B36E;
padding: 20px;
text-align: center;
width: 205px;
display: block;
border: 2px solid #000
}
#picframe {
background:#D8B36E;
padding: 20px;
width: 205px;
display: none;
border: 2px solid #000
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 scripts/jquery-1.6.2.min.js 实际工作，而不是 404 >萤火虫。
但问题可能是脚本标记中“=”周围的空格，它应该如下所示：
Make sure
scripts/jquery-1.6.2.min.jsis actually working and not a 404 by using firebug.But the problem is likely the spaces around your "=" in the script tag, it should look like this:
您是否先隐藏
img？我没有看到你的CSS，所以我无法判断。
但如果您不是从隐藏
img开始，您将无法使用.fadeIn()Are you hiding the
imgfirst?I don't see your css, so I can't tell.
But if you are not starting with the
imghidden, you won't be able to use.fadeIn()