Question

我刚刚完成了关于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');
  });
});

Answer 1

应该是

<!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

Answer 2

您缺少脚本源网址中的协议部分。添加http:或https:，具体取决于您从哪里获取。

Answer 3

<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：尝试这个，看看它是否有效

在index.html中使用jqueryui

3 个答案: