0

我尝试在我的网站上使用 jQuery,但它似乎不起作用。我认为我做错了什么,所以我尝试将我完成的代码学院课程复制到测试站点上。这是代码:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Test Codecademy Lesson</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/>   
    </body>
</html>

CSS

body {
    margin: 0;
    padding: 0;
}
img {
position: absolute;
}

Javascript/jQuery

$(document).ready(function() {
    $('img').animate({top:'+=100px'},1000)
});


有人能告诉我为什么这段代码不起作用吗?我的浏览器是 Chrome,我有最新版本。

4

2 回答 2

6

您需要下载 jquery 库并保存您的本地文件您可以从

http://jqueryui.com/

或者

你必须使用这个链接

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

或缩小版

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js - 版本 1.9.1 系列,Google 托管

你也可以参考这个

是否有指向 Google API 上“最新”jQuery 库的链接?

于 2013-10-22T14:52:10.257 回答
2

document.ready图像在触发时不会加载,更好地使用window.load,这样你就可以看到你的效果,所以替换你的以下代码:

$(document).ready(function() {

对于这个:

$(window).load(function() {
于 2013-10-22T14:53:39.843 回答