0

我刚刚完成了关于 html、css、js 和 jQuery 的 codecademy 教程。现在我正在尝试自己创造一些东西。但即使是最简单的事情我也做不到。到目前为止，我在某种“浏览器控制台实验室”中做了所有事情。问题是，如何在我的 index.html 中使用或包含 jQuery，以便在浏览器中打开它时它可以工作？经过一番搜索，我使用了谷歌托管库链接，但它仍然无法正常工作。我创建了 3 个文件：index.html、style.css 和 script.js。

现在它只是加载带有那个方块的页面，但是当我点击它时什么都不做，即使我的 jQuery 代码应该是正确的。

index.html代码：

<!DOCTYPE html>
<html>
<head>
    <title>My thing</title>
    <link rel='stylesheet' type='text/css' href='style.css'/>
    <script type='text/javascript' src='script.js'></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

</head>
<body>
    <div>
    </div>
</body>
</html>

style.css代码：

div {
height: 250px;
width: 250px;
background-color: #008800;
}

script.js代码：

$(document).ready(function(){
  $('div').click(function(){
      $(this).effect('explode');
  });
});
4

3 回答 3

3

它应该是

<!DOCTYPE html>
<html>
<head>
    <title>My thing</title>
    <link rel='stylesheet' type='text/css' href='style.css'/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type='text/javascript' src='script.js'></script>

</head>
<body>
    <div>
    </div>
</body>
</html>

您的脚本页面script.js使用了 jQuery，因此它应该包含在 jQuery 库之后

演示：Plunker

于 2013-07-24T01:05:06.690 回答
1

您缺少脚本源 URL 中的协议部分。添加http:或https:根据您从哪里获取它们。

于 2013-07-24T01:03:32.717 回答
0 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

你错过了http：试试这个，看看它是否有效

于 2013-07-24T01:04:29.717 回答