Question

您好我正在尝试尝试一些jQuery并且根本没有运气。正在编写代码，什么不是，没有什么工作。所以我从w3schools尝试了一些JQuery，甚至没有工作。知道为什么我不能让它工作吗？

我在html

的头部有这个

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

仍然无效。

感谢任何帮助谢谢 MIKEY

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>

<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>        <br>
<div id="div2" style="width:80px;height:80px;display:none;background-color:green;">    </div><br>
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;">  </div>

</body>
</html>

将其复制到记事本中，然后将其保存，然后以铬合金方式运行，当我按下按钮时没有发生任何事情。

感谢所有帮助的人

Answer 1

这里的问题是你用来加载jQuery的方案相对url。由于我假设您在本地加载html文件，因此您的页面方案为file://。当您使用//作为源加载jQuery时，它会在您的本地文件系统上查找名为ajax.googleapis.com的文件夹。将脚本标记中的//替换为https://以解决您的问题。

Answer 2

如果您只是将其粘贴到记事本中，保存并在浏览器中打开文件，则无法使用此代码找到jQuery。

您必须：

使用HTTP服务器提供您的文件（即不使用file://）
或将jQuery的网址更改为不使用protocol relative URL（以//开头的网址）

最简单的解决方法是更改

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

到

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

但严重的是使用本地HTTP服务器进行测试（在包括Windows在内的任何操作系统上安装Apache非常容易）。您无法使用file://测试许多内容，包括大多数跨域ajax操作。

Answer 3

更改

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

到

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

问题是//ajax.googleapis.com用于避免不同协议（http / https）的问题。浏览器将添加用于页面的协议。从硬盘驱动器上的文件打开HTML时，使用file：//协议。并且浏览器尝试使用file://ajax.googleapis.com加载jquery，但这不起作用，因为您的硬盘上没有文件夹ajax.googleapis.com。因此，只需为jquery明确指定协议

我无法让jQuery工作

3 个答案: