2013-01-10 136 views
-4

嗨我想尝试一些jQuery,没有运气。正在编写代码,什么也没有,也没有什么工作。所以我从w3schools尝试了一些JQuery,但它甚至没有工作。 任何想法,为什么我不能得到它的工作?我无法让jQuery工作

我有这个在我的HTML

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

的头还不行。

感谢您的帮助感谢 米奇

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

复制了到记事本,保存它,然后运行它在Chrome中,当我按下按钮什么都没有发生。

谢谢大家谁帮助

+0

我们需要一个更完整的例子。在这一行代码中本身没有任何问题。 –

+1

“不起作用”?jQuery是一个库,不是自动运行的。你需要用jquery_写一些东西。 (就像有一辆自行车,但没有骑手,并说自行车不工作)。 –

+0

你尝试了什么?粘贴代码 – Praveen

回答

6

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

+0

或者,在本地设置一个简单的web服务器并从'localhost ' – rlemon

+0

你也可以这样做。 –

4

jQuery的不能使用此代码中可以找到,如果你只需将其粘贴到记事本,将其保存在浏览器中打开该文件。

您必须:

  • 服务使用HTTP服务器的文件(即不使用file://访问)
  • 或更改的jQuery的URL不使用protocol relative URL(一个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操作。

1

变化

<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的明确

+1

'-2',直到您给出原因。 – Neal

+0

现在你们都变得更好了^ _^ – Neal

+0

@Neal Ha)从来没有见过这样的效果,因此SO)在给答案添加解释 - 两次倒票)) –