Question

我在Codecademy学习已经准备好了。但是当我在codecademy中学习时，我复制代码因为我很快忘记了。这段代码我把我的程序放在make网站上。问题是当我想在我的PC中查看页面时（我没有主机）。代码不起作用。

我的JavaScript：

$(document).ready(function(){
$('div').click(function(){
    $(this).effect('bounce',{times:3} , 500);
    });
});

标记：

<script type='text/javascript' src='script.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    </head>
    <body>
        <div></div>
    </body>
    </body>

你可以观察代码HTML在该链接中有两个链接正在连接脚本

有人告诉我，我必须下载Jquery，如果我想在我的计算机上建立网络链接http://qunitjs.com/，但我不知道哪个文件下载。

我能做什么？

Answer 1

创建一个目录名：example01 在此目录中创建三个文件：

<强>的index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div></div>
    <script type='text/javascript' src='script.js'></script>
</body>
</html>

<强>的style.css

div {
    width: 300px;
    height: 300px;
    background-color: red;
}

<强>的script.js

$(document).ready(function(){
    $('div').click(function(){
        $(this).effect('bounce',{times:3} , 500);
    });
});

在浏览器中打开index.html并观看结果

Answer 2

我没有做任何事情

<script type='text/javascript' src="script.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    </head>
    <link href="css.css" rel="stylesheet" type="text/css">
    <body>
    <div ></div>
    </body>
    </body>

Answer 3

在head标记中添加以下代码

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

我的代码Codecademy不能在我的电脑上运行我的（Jquery Ui代码或jsscript）

3 个答案: